bagaimana menghapus garis putus-putus di sekitar elemen yang diklik di html

Saya menemukan bahwa jika ada alink di halaman yang tidak tertaut ke halaman baru, maka ketika pengguna mengkliknya, akan ada garis putus-putus di sekitar elemen, itu hanya akan hilang ketika pengguna mengklik hal lain di halaman, bagaimana menghapus ini?

Contoh:

Perhatikan garis putus-putus di sekitar elemen Section 2.

Gunakan outline:noneuntuk menjangkarkan kelas tag

Seperti kata @Lo Juego, baca artikelnya

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

a {
    outline: 0;
  }

Tapi baca ini sebelum mengubahnya:

menghapus-garis-titik-titik

Coba dengan !importantdalam css.

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

Untuk menghapus semua garis besar bertitik, termasuk yang ada di bootstraptema.

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;
}

Catatan: Anda harus menambahkan href tautan untuk bootstrap css sebelum css utama, jadi bootstrap tidak menimpa gaya Anda.

Menghapus outlineakan membahayakan aksesibilitas situs web. Oleh karena itu saya membiarkannya di sana tetapi membuatnya tidak terlihat.

a {
   outline: transparent;
}

Dalam kasus saya itu adalah tombol, dan ternyata, dengan tombol, ini hanya masalah di Firefox. Solusi ditemukan di sini :

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

Coba sederhana di bawah kode -

a{
outline: medium none !important;
}

Jika selamat bersorak! Selamat siang