إخفاء النقاط المزعجة حول الروابط والأزرار Dotted outline

من الأمور " القليلة " المزعجة في متصفح الفيرفوكس ظهور نقاط حول الروابط والأزرار عند الضغط عليها، ويمكن معالجة هذه المشكلة من التصميم نفسه بحيث لا تظهر لمتصفحي المدونة, وذلك بالتعديل في خصائص الروابط في ورقة الأنماط CSS ،  وإضافة كود جافا في أزرة المدونة ، كالتالي:

 

 

1. الروابط:

الوسم المسؤول عن الروابط هو " a " ، وسنضيف له السطر:

a { outline: none !important; }

كلمة !important تعني اعطاء الأولوية لتطبيق هذه الخاصية في جميع الروابط " a " خلال المدونة.

2. الأزرار:

في البدء اضغط على هذين الزرين وانظر الفرق:!

أحدهما ستظهر النقاط بداخله عند الضغط عليه، طبعاً أثناء التصفح بالفيرفوكس ، أما الآخر فلن يظهر عليه أي تأثير، وهو المطلوب، ويمكنك أن تفعل ذلك كالتالي:

ابحث عن كود الزر في القالب وستجده في جزء HTML ، وهو يشبه هذا:

<input type="submit" value="" class="button">

نضيف له هذا الكود الجافي:

onfocus="blur()"

ليصبح هكذا

<input class='button' onfocus='blur()' type='submit' value=''/>

 

بقيت مشكلة واحد لا أعرف لها حلاً ، وهي ظهور هذه النقاط الشائنة في القوائم المنسدلة ؟!