เหตุการณ์นี้เกิดขึ้นเมื่อใช้งานกับ firefox ลักษณะลิ้งก์ที่เป็นรูปภาพหรือข้อความ เมื่อลิ้งก์ถูกใช้งาน (ถูกคลิ๊ก) จะเกิดเส้นจุด ๆ รอบรูปนั้น เพื่อให้รู้ว่า รูปอันนี้ได้ถูกคลิ๊กโดยผู้ใช้งานไปแล้ว แต่กับเบราเซอร์อันอื่น ไม่เกิดเหตุการณ์นี้

วิธีแก้ไข

โดยการกำหนด outline: none; สำหรับลิ้งก์


1
2
3

a {
   outline: none;
}

เช่น

a:hover, a:active, a:focus {
       outline: none;
}

a:hover คือ สถานะลิ้งค์เมื่อเอาเมาส์ไปแตะ

a:active คือ สถานะเมื่อลิ้งค์หน้านั้นถูกเปิดอยู่

a:focus คือ กำหนดรูปแบบให้กับลิ้งค์เมื่อเลื่อน cursor จาก keyboard มาทับ

เท่านี้ก็จะไม่มีจุดรอบลิ้งก์ที่ถูกใช้งานแล้ว