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

2016-02-19 23:49 5 1 收藏

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

【 tulaoshi.com - Web开发】

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

运行代码框
style type="text/css".wrap{position:relative;}.btns{zoom:1;}.btns *{outline:0;zoom:1;background:#f2f2f2;}.btns button::-moz-focus-inner{border-color:transparent!important;}/stylediv class="wrap"div class="btns"button type="button"确定/buttonbutton type="button"取消/buttona href="#"确定/aa href="#"取消/a/div/div
[Ctrl+A 全部选择提示：你可先修改部分代码，再按运行]

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

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

来源:http://www.tulaoshi.com/n/20160219/1630706.html

上一篇：人们期待的CSS3的10大功能
下一篇：今日主推的创意QQ分组：寂静如潮水般温柔

看过《点击网页超级链接虚线怎么去除？》的人还看了以下文章更多>>

如何在Flash中添加超级链接

标签： flash教程

1、从网上下载一张素材，将素材导入flash软件中。 2、新建一个图层，图层1是我们的背景图层，接着我们就要在图层2开始制作文字。 3、选择工具面板中的文字工具。 ...

如何获取TWebBrowser控件的超级链接

标签：编程语言网络编程

procedure getAllLinks2(WB: TWebBrowser; var InnerText,Links: TStringList); //needs unit as :shDocVw,Classes,MSHTML,variants var Htmldoc : IHtmlDocument2; AllLinks : IhtmlElementCollection; Len,I : Integer; //HtmlItem2 :...

超级链接的概念与使用教程

标签： autocad教程

您正在看的AutoCAD教程是:超级链接的概念与使用。超级链接简介超级链接（Hyperlink）可以看作是一种文件的指针，它提供了相关联文件的路径，以指向在本地、网络驱动器或 Internet 上存储的文件，并可跳转到相应的文件；也可以在超级链接中指定跳转到文件中的一个命名位置，例如 AutoCAD中的一个视图或字处理程序中的...

批量删除Excel文档中的超级链接

标签：电脑入门

我们在对 Excel 表格进行操作的时候，经常发现有超级链接。但如果因为某种原因不想保留超级链接，就需要手动进行删除。如果要是只删除一个超级链接非常简单，将鼠标放到超级链接上，然后按鼠标右键，选择取消超链接即可(图1)。但这种方法不能批量删除Excel文档中的超级链接，如果想将文档中的所有超级链接都删除，该如何处理？这里教给大家一...

转换字符串带有http://的超级链接字符串为真正的超级链接(源码)

标签： ASP

Code Title: Auto-linking Description: How would you like to have every instance of an http:// auto-hyperlink itself to the URL address that follows it? Well, here is a killer little function that will take every one of those that it finds in a string and sets up the hyperlink for you! Cool, eh? Copy and paste...

查看更多精彩>>