تعلم - weschool html




كيفية إزالة الخط المنقط حول العنصر الذي تم النقر عليه في html (4)

استخدام outline:none إلى فئة علامة ارتساء

وجدت أنه إذا كان هناك رابط في الصفحة لا يرتبط بصفحة جديدة ، فعندما ينقر المستخدم عليه ، سيكون هناك خط منقط حول العنصر ، سيختفي فقط عندما ينقر المستخدم على أي شيء آخر في الصفحة ، كيفية إزالة هذا؟

مثال:

لاحظ الخط المنقط حول العنصر Section 2 .


حاول !important في css .

a {
  outline:none !important;
}
// it is `very important` that there is `no` `outline` for the `anchor` tag.  Thanks!

لإزالة كل الخطوط العريضة ، بما في ذلك تلك الموجودة في مواضيع bootstrap .

a, a:active, a:focus, 
button, button:focus, button:active, 
.btn, .btn:focus, .btn:active:focus, .btn.active:focus, .btn.focus, .btn.focus:active, .btn.active.focus {
    outline: none;
    outline: 0;
}

input::-moz-focus-inner {
    border: 0;
}

ملاحظة: يجب أن تضيف رابط href لـ bootstrap css قبل css الرئيسي ، لذلك لا يلغي bootstrap أسلوبك.


مثلLo Juego قال ، اقرأ المقال

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




css