🖱️รายชื่อ CSS Cursor

ความแตกต่างระหว่าง pointer และ default

pointer คือ cursor รูปนิ้วที่ใช้แสดงว่าเป็นองค์ประกอบที่คลิกได้เช่นลิงก์หรือปุ่ม default คือลูกศรของเบราว์เซอร์มาตรฐาน ใช้งานพื้นฐานบนข้อความหรือพื้นหลังที่ไม่มีอะไรเกิดขึ้นเมื่อคลิก

พฤติกรรมค่าเริ่มต้น auto ของ cursor

ค่าเริ่มต้นของ cursor property คือ auto ซึ่ง browser เลือกรูปร่าง cursor โดยอัตโนมัติตามตำแหน่ง เช่นบนข้อความ จะเป็น text ที่อื่นจะเป็น default

สาเหตุที่ cursor ไม่เปลี่ยนแม้ระบุไว้

เมื่อระบุ cursor แล้วรูปร่างไม่เปลี่ยน ส่วนใหญ่เป็นเพราะมีองค์ประกอบอื่นซ้อนทับอยู่ หรือกฎอื่นเขียนทับไว้

• องค์ประกอบที่ซ้อนทับ：หากองค์ประกอบโปร่งใสหรือ pseudo-element ซ้อนทับอยู่ cursor จะตามการระบุ cursor ขององค์ประกอบที่อยู่ด้านบนสุด
• เขียนทับด้วย specificity：เมื่อมีกฎหลายข้อใช้กับองค์ประกอบเดียวกัน cursor ของกฎที่มี specificity สูงกว่าจะมีความสำคัญมากกว่า
• ความแตกต่างระหว่าง OS และ browser：รูปร่าง cursor ใช้จากที่ OS และ browser เตรียมไว้ ดังนั้นค่าเดียวกัน Windows และ macOS จึงมีรูปร่างต่างกัน