ربما تعتقد أن الخط المنقط الذي يظهر عند النقر على التركيز قبيح، لذلك دعونا نتخلص منه!
1. أضف عبارة onFocus="this.blur()" إلى العلامة <a>:
-------------------------------------------------- ----------
<a href="#" onFocus="this.blur()">حاول</a>
-------------------------------------------------- ---------
ثانياً، قم بإضافة إخفاء التركيز إلى العلامة <a>:
-------------------------------------------------- ----------
<a href="###" إخفاء التركيز>الرابط</a>
-------------------------------------------------- ---------
ثالثًا، إذا كان هناك عدد كبير جدًا من الاتصالات، فيمكنك استخدام الارتباط الخارجي لملفات .HTC.
على سبيل المثال، محتوى ملف Blur.htc هو كما يلي:
-------------------------------------------------- --------
<public:attach events="onfocus" onevent="makeblur()"/>
<لغة البرمجة = "جافا سكريبت">
وظيفة ميكبلور () {
this.blur();
}
</script>
-------------------------------------------------- ----------
أضف الكود التالي إلى CSS:
-------------------------------------------------- ----------
أ { السلوك: URL (blur.htc })؛
-------------------------------------------------- ---------
رابعاً، استخدم أسلوب CSS وأضف الكود:
-------------------------------------------------- ----------
أ {blr:expression(this.onFocus=this.blur())}
-------------------------------------------------- ----------
وبهذه الطريقة، لا تحتوي جميع المقالات الموجودة على الموقع على خطوط منقطة.