Shulou(Shulou.com)05/31 Report--

Today, the editor will share with you the relevant knowledge points about how to remove the dotted frame of the A tag in CSS, the content is detailed, and the logic is clear. I believe most people still know too much about this knowledge, so share this article for your reference. I hope you can get something after reading this article.

When a link gets focus, there is a dotted wireframe by default. As shown in the figure:

In Firefox, you can remove it with-moz-outline:none; or outline:none;. So we can write like this:

The code is as follows:

A:focus {

Outline:none

-moz-outline:none

}

By the way, if you have used Safari and Chrome, you may find that the border will have a shadow effect when the input box gets focus.

You can also use the outline attribute if you want to remove the shadow effect.

The code is as follows:

Input,textarea {

Outline:none

}

Back to the point, I just said Firefox, now let's talk about IE. First of all, it is a pity that we have not found a better solution to remove the dotted frame of the IE link through CSS. So the only alternative is the hidefocus attribute of the a tag (which is unique to IE).

The code is as follows:

Link

Note: the property name corresponding to the JS script is: hideFocus. The corresponding JS code should be:

The code is as follows:

Xxx.hideFocus = "true"

The code is as follows:

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.