CSS去除点击A标签出现的虚线

点击A标签时候会出现虚线框。但是页面的美观,我们需要去除虚线。我们可以用CSS解决这个问题。这个东东是无意中的发现,用处数数也瞒多,像ie下带border的button点击时恶心的表现、去掉tab的点击虚线等等。下面介绍一下好用的方法。
IE下可使用其私有的html属性:hideFoucs,在标签的结构中加入hidefocus=”true”属性。即:

<a href="http://086ogo.com"hidefocus="true"title="17css-青色's Blog">17css-青色's Blog</a>

而在 Firfox 浏览器中则相对比较容易,直接给标签 a 定义样式 outline:none; 就可以了,即:

.HideFocus{ outline:none;}

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>