Remove the dotted frame of link elements and be compatible with IE7, IE6, and FF_Experience exchange

Recommend the following code

The following code is more troublesome
We use htc files to solve this problem. Save the following code as a link.htc file on the home page.

Write the following code in the HTML file to create a link:
jb51.net
We start defining the CSS style for this link:

a {
　display:block;
width:100px;
height:30px;
Line-height:30px;
text-align:center;
}
a:hover {
Background:#ddd;
}
CSS styles determine the appearance of links, block elements with a certain width and height. Text is aligned horizontally, left and center.
We add an attribute to the style of the a tag. Use this to remove the dashed border of a link:

a {
　display:block;
width:100px;
height:30px;
Line-height:30px;
text-align:center;
Behavior:url(line.htc);
}
We run the following code to see the effect:

We previewed it in IE7 and IE6, and there is no problem. But the dashed box still exists in FF.