โดยทั่วไปแล้ว เมาส์จะแสดงเป็นลูกศรทแยงมุมขึ้น ซึ่งจะเปลี่ยนเป็นเส้นแนวตั้งส่วนหัวเมื่อเลื่อนไปเหนือข้อความ และจะกลายเป็นรูปมือเมื่อเลื่อนไปเหนือไฮเปอร์ลิงก์ อย่างไรก็ตาม สามารถใช้ CSS เพื่อควบคุมเอฟเฟกต์การแสดงผลของเมาส์ได้ ตัวอย่างเช่น เมาส์สามารถแสดงเป็นมือได้เมื่อเลื่อนไปเหนือข้อความธรรมดา
ไวยากรณ์สำหรับการควบคุมด้วย CSS มีดังนี้:
ข้อความหรือองค์ประกอบของหน้าอื่นๆ
แทนที่ * ด้วยเอฟเฟกต์ 15 แบบต่อไปนี้:
มือ, เป้าเล็ง, ข้อความ, รอ, ค่าเริ่มต้น, ช่วยเหลือ, e-resize, ne-resize, n-resize, nw-resize, w-resize, sw-resize, s-resize, se-resize และอัตโนมัติ
ด้านล่างนี้เป็นคำอธิบายเกี่ยวกับเอฟเฟกต์ 15 ประการเหล่านี้ เลื่อนเมาส์ไปเหนือคำอธิบายแล้วดูว่าเกิดอะไรขึ้นกับเมาส์ของคุณ!
มือคือรูปร่างของมือ
crosshair เป็นแบบกากบาท
text คือเอฟเฟกต์ของการย้ายไปยังข้อความ
รอคือผลของการรอ
ค่าเริ่มต้นคือเอฟเฟกต์เริ่มต้น
help คือเครื่องหมายคำถาม
e-size คือลูกศรชี้ไปทางขวา
ne-resize คือลูกศรชี้ขึ้นและไปทางขวา
n-resize เป็นลูกศรขึ้น
nw-resize คือลูกศรชี้ขึ้นและไปทางซ้าย
w-resize คือลูกศรซ้าย
sw-resize คือลูกศรด้านซ้ายล่าง
s-resize คือลูกศรชี้ลง
se-resize คือลูกศรชี้ลงไปทางขวา
auto คือเอฟเฟกต์ที่ระบบกำหนดโดยอัตโนมัติ