Removing the Dotted Outline Box After Clicking an a Tag

I’ve been using bootstrap for front-end page design lately, and I suddenly noticed that a dotted outline box shows up after you click an a tag — really frustrating. The cause is CSS’s outline property. After searching on Baidu, the solution a netizen offered was to add the CSS style a:focus { outline: none; outline-style:none; -moz-outline:none; } I tried it and it seemed not to work, so what now? I looked around some more and found there’s another way: add js control inside the a tag, so that when the a tag is focused, focus is forcibly removed, and then naturally the a tag won’t show a dotted box. Test Done.