点击网页超级链接虚线怎么去除?

我想跟你彷徨

我想跟你彷徨

2016-02-19 23:49

下面,图老师小编带您去了解一下点击网页超级链接虚线怎么去除?,生活就是不断的发现新事物,get新技能~

深藏多年秘笈大公开,全世界唯一一家公布,怎么点就是点不出,纯CSS去掉按钮或者链接点击产生的虚线。

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

运行代码框

[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]

(本文来源于图老师网站,更多请访问http://m.tulaoshi.com/webkaifa/)

这个东东是无意中的发现,用处数数也瞒多,像ie下带border的button点击时恶心的表现、去掉tab的点击虚线等等。但遗憾的是这个东东在实践中发现,ie下还是容易受样式环境影响。

这个效果的实现重点在于我在无意中发现了IE下的一个bug,这个bug在特定环境会导致按钮或链接点击时失去虚线。其它浏览器就比较简单,支持CSS2的浏览器可以通过设置outline解决,FF的button标签通过私有属性特别处理,DEMO在多个主流浏览器测试通过。

展开更多 50%)
分享

猜你喜欢

点击网页超级链接虚线怎么去除?

Web开发
点击网页超级链接虚线怎么去除?

网页超级链接该以什么方式打开?

Web开发
网页超级链接该以什么方式打开?

s8lol主宰符文怎么配

英雄联盟 网络游戏
s8lol主宰符文怎么配

用好超级链接标记—A

Html CSS布局 Div+CSS XHTML
用好超级链接标记—A

建立Excel超级链接

办公软件
建立Excel超级链接

lol偷钱流符文搭配推荐

英雄联盟 网络游戏
lol偷钱流符文搭配推荐

用Delphi实现超级链接

编程语言 网络编程
用Delphi实现超级链接

Word文档的自动超级链接

办公软件
Word文档的自动超级链接

lolAD刺客新符文搭配推荐

英雄联盟
lolAD刺客新符文搭配推荐

人们期待的CSS3的10大功能

人们期待的CSS3的10大功能

今日主推的创意QQ分组:寂静如潮水般温柔

今日主推的创意QQ分组:寂静如潮水般温柔
下拉加载更多内容 ↓