html'de tıklanan bir öğenin etrafındaki noktalı çizgi nasıl kaldırılır

aSayfada yeni bir sayfaya bağlantı vermeyen bir bağlantı varsa , kullanıcı onu tıkladığında, öğenin etrafında noktalı bir çizgi olacağını, yalnızca kullanıcı sayfadaki herhangi bir şeyi tıkladığında kaybolacağını, nasıl bunu kaldırmak için?

Misal:

Öğenin etrafındaki noktalı çizgiye dikkat edin Section 2.

outline:noneEtiket sınıfını bağlamak için kullanın

@Lo Juego'nun dediği gibi, makaleyi okuyun

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

a {
    outline: 0;
  }

Ancak değiştirmeden önce bunu okuyun:

çıkarmadan-noktalı-anahat

İle deneyin !importantiçinde css.

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

Temalardakiler dahil tüm noktalı anahatları kaldırmak için 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;
}

Not: bootstrap css için ana css'den önce link href eklemelisiniz, böylece bootstrap stilinizi geçersiz kılmaz.

Kaldırmak outlinebir web sitesinin erişilebilirliğine zarar verir, bu yüzden onu orada bırakıyorum ama görünmez yapıyorum.

a {
   outline: transparent;
}

Benim durumumda bu bir düğmeydi ve görünüşe göre düğmelerle bu yalnızca Firefox'ta bir sorundur. Çözüm burada bulundu :

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

Aşağıdaki kodun basit denemesi -

a{
outline: medium none !important;
}

Eğer mutlu şerefe! İyi günler