วิธีลบเส้นประรอบองค์ประกอบที่คลิกใน html

ฉันพบว่าหากมีaลิงก์ในหน้าซึ่งไม่ได้เชื่อมโยงไปยังหน้าใหม่จากนั้นเมื่อผู้ใช้คลิกจะมีเส้นประรอบองค์ประกอบนั้นจะหายไปก็ต่อเมื่อผู้ใช้คลิกสิ่งอื่นในหน้าวิธีการ เพื่อลบสิ่งนี้?

ตัวอย่าง:

Section 2หมายเหตุเส้นประรอบองค์ประกอบ

ใช้outline:noneยึดคลาสแท็ก

เช่นเดียวกับที่ @Lo Juego กล่าวอ่านบทความ

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

a {
    outline: 0;
  }

แต่อ่านสิ่งนี้ก่อนที่จะเปลี่ยนแปลง:

ลบ-the-ประร่าง

ลองกับใน!importantcss

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

หมายเหตุ: คุณควรเพิ่ม link href สำหรับ bootstrap css ก่อน css หลักดังนั้น bootstrap จะไม่แทนที่สไตล์ของคุณ

การนำออกoutlineจะเป็นอันตรายต่อการเข้าถึงเว็บไซต์ดังนั้นฉันจึงปล่อยไว้ที่นั่น แต่ทำให้มองไม่เห็น

a {
   outline: transparent;
}

ในกรณีของฉันมันเป็นปุ่มและเห็นได้ชัดว่ามีปุ่มนี่เป็นปัญหาใน Firefox เท่านั้น พบโซลูชันที่นี่ :

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

ลองง่ายๆด้านล่างรหัส -

a{
outline: medium none !important;
}

ถ้ามีความสุขไชโย! ขอให้เป็นวันที่ดี