บางทีคุณอาจคิดว่าเส้นประที่ปรากฏขึ้นเมื่อคลิกโฟกัสนั้นน่าเกลียด ดังนั้นเรามากำจัดมันกันเถอะ!
1. เพิ่มคำสั่ง onFocus="this.blur()" ให้กับแท็ก <a>:
-------------------------------------------------- -------------------------------------------------- ----------
<a href="#" onFocus="this.blur()">ลอง</a>
-------------------------------------------------- -------------------------------------------------- ---------
สอง เพิ่ม Hidefocus ให้กับแท็ก <a>:
-------------------------------------------------- -------------------------------------------------- ----------
<a href="###" ซ่อนโฟกัส>ลิงก์</a>
-------------------------------------------------- -------------------------------------------------- ---------
ประการที่สาม หากมีการเชื่อมต่อมากเกินไป คุณสามารถใช้ลิงก์ภายนอกไฟล์ .HTC ได้
ตัวอย่างเช่น เนื้อหาของไฟล์ blur.htc จะเป็นดังนี้:
-------------------------------------------------- -------------------------------------------------- --------
<public:แนบเหตุการณ์ = "onfocus" onevent = "makeblur()"/>
<ภาษาสคริปต์ = "จาวาสคริปต์">
ฟังก์ชั่น makeblur(){
นี่.เบลอ();
-
</สคริปต์>
-------------------------------------------------- -------------------------------------------------- ----------
เพิ่มรหัสต่อไปนี้ใน CSS:
-------------------------------------------------- -------------------------------------------------- ----------
A { พฤติกรรม: url (blur.htc);
-------------------------------------------------- -------------------------------------------------- ---------
ประการที่สี่ ใช้สไตล์ CSS และเพิ่มโค้ด:
-------------------------------------------------- -------------------------------------------------- ----------
{blr:expression(this.onFocus=this.blur())}
-------------------------------------------------- -------------------------------------------------- ----------
ด้วยวิธีนี้ บทความทั้งหมดบนเว็บไซต์จะไม่มีเส้นประ