Maybe you think the dotted line that appears when the focus is clicked is ugly, so let's get rid of it!
1. Add the onFocus="this.blur()" statement to the <a> tag:
-------------------------------------------------- ----------
<a href="#" onFocus="this.blur()">try</a>
-------------------------------------------------- ---------
Two, add hidefocus to the <a> tag:
-------------------------------------------------- ----------
<a href="###" hidefocus>link</a>
-------------------------------------------------- ---------
Third, if there are too many connections, you can use external link .HTC files.
For example, the content of blur.htc file is as follows:
-------------------------------------------------- --------
<public:attach event="onfocus" onevent="makeblur()"/>
<script language="javascript">
function makeblur(){
this.blur();
}
</script>
-------------------------------------------------- ----------
Add the following code to CSS:
-------------------------------------------------- ----------
A { behavior:url(blur.htc); }
-------------------------------------------------- ---------
Fourth, use CSS style and add code:
-------------------------------------------------- ----------
a {blr:expression(this.onFocus=this.blur())}
-------------------------------------------------- ----------
In this way, all articles on the site have no dotted lines.