CSS去掉点击时的虚线

资讯 驱动中国 130 次阅读 0 条评论
分享 Q

也许你会觉得当点击时焦点出现的虚线很不好看,那就让我们把它去掉吧!

一,在<a>标签中加入onFocus="this.blur()"语句:
-----------------------------------------------------------
<a href="#" onFocus="this.blur()">try</a>
-----------------------------------------------------------

二,在<a>标签中加入hidefocus:
-----------------------------------------------------------
<a href="###" hidefocus>link</a>
-----------------------------------------------------------

三,如果连接太多,可以用外部链接 .HTC 文件。
如,blur.htc 文件内容如下:
----------------------------------------------------------
<public:attach event="onfocus" onevent="makeblur()"/>
<script language="javascript">
function makeblur(){
this.blur();
}
</script>
-----------------------------------------------------------
在 CSS 中加入如下代码:
-----------------------------------------------------------
A { behavior:url(blur.htc); }
-----------------------------------------------------------

四,使用CSS样式,可加入代码:
-----------------------------------------------------------
a {blr:expression(this.onFocus=this.blur())}
-----------------------------------------------------------
这样,站内所有的文章都实现了无虚线效果了。

版权声明:本文由驱动中国整理发布,转载需注明出处与原文链接。如有疑问请联系 editor@qudong.com
本文价值 成为第一个评分的人
登录后为本文打分
网友评论0 条评论
正在回复 的评论取消
评论加载中…
🔐

登录后参与互动

评论、点赞均可赚积分
连续签到、邀请好友也有奖励 🎁

电脑端: 微信扫码登录 微信内: 一键登录

微信扫一扫

打开微信「扫一扫」,分享本文到朋友圈或好友