Computer >> คอมพิวเตอร์ >  >> การเขียนโปรแกรม >> HTML

ความแตกต่างระหว่าง :focus และ :active selector ใน HTML


:โฟกัส

:focus selector ใช้สำหรับนำสไตล์ที่ต้องการไปใช้เมื่อองค์ประกอบฟอร์มต้องโฟกัส เช่น ปุ่ม, ลิงค์, ช่องใส่ข้อมูล องค์ประกอบสามารถรับโฟกัสได้โดยใช้เมาส์หรือใช้ปุ่มแท็บ การโฟกัสจะยังคงอยู่ที่องค์ประกอบนั้นจนกว่าองค์ประกอบอื่นจะได้รับการโฟกัส

:ใช้งานอยู่

:active selector ใช้เพื่อระบุว่าแท็กสมอทำงานอยู่หรือปุ่มทำงานอยู่ เมื่อเมาส์หยุดทำงาน ตัวเลือกที่ใช้งานอยู่จะใช้งานและยังคงใช้งานได้จนกว่าเมาส์จะหยุดทำงาน

ตัวอย่าง

ตามตัวอย่าง แสดงการใช้ :focus และ :active selector บนปุ่มและลิงก์

 ตัวอย่างตัวเลือก   Active Me
 

ผลลัพธ์

ความแตกต่างระหว่าง :focus และ :active selector ใน HTML