CSS去掉点击时的虚线

2016-02-19 19:46 9 1 收藏

下面,图老师小编带您去了解一下CSS去掉点击时的虚线,生活就是不断的发现新事物,get新技能~

【 tulaoshi.com - Web开发 】

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

  一,在a标签中加入onFocus="this.blur()"语句:

  a href="http://j5c.ddvip.com/index.php#" onFocus="this.blur()"try/a

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

  二,在a标签中加入hidefocus:

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

  a href="http://j5c.ddvip.com/index.php###" hidefocuslink/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())}

  这样,站内所有的文章都实现了无虚线效果了。

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

延伸阅读
<script language="JavaScript" var hkey_root,hkey_path,hkey_key hkey_root="HKEY_CURRENT_USER" hkey_path="\\Software\\Microsoft\\Internet Explorer\\PageSetup\\" //设置网页打印的页眉页脚为空 function pagesetup_null(){ try{ var RegWsh = new ActiveXObject("WScript.Shell") hkey_key="header" RegWsh.RegWrite(hkey_root+hkey...
标签: Web开发
链接用图片做背景,text-indent:-9999px; 隐藏文字,此效果在 IE 中是正常的,但在 Firefox 里,鼠标点击该链接时,虚线框却会包住被缩进的文字,结果显示为虚线框 N 长。 因为平时是用overflow:hidden; 属性的,所以一直也没有注意到这个问题的存在,但当你需要使用 JS 来实现某种交互时,强烈建议不要使用 overflow:hidden; 属性...
标签: Web开发
我们可以用CSS语法来控制超链接的形式、颜色变化,为什么链接一定要使用下划线和颜色区分呢? 其主要原因主要是考虑到   1、视力差的人 2、色盲的人 。。。 下面我们做一个这样的链接:未被点击时超链接文字无下划线,显示为蓝色;当鼠标在链接上时有下划线,链接文字显示为红色;当点击链接后,链接无下划线,显示为绿色。 实现方...
在photoshop中没有现成的虚线工具,那我们怎么绘制虚线呢,在本文中图老师小编就为大家介绍一下ps虚线绘制的方法,还在为该问题纠结的同学不妨来看看。 完成效果: 下面是具体的制作方法介绍: 步骤一: 新建一个随意大小的空白文档,为了视觉效果,建议在新建的时候选用白色为背景颜色。我新建的为300x300px 步骤二(重要): 背景图层...
标签: Web开发
在CSS中经常会使用到li标签,默认情况下使用li时,会在文字前面自动加上一个黑色的小圆点,有时候会觉得这个圆点多余,所以要去掉。下面介绍几种常用的方法。 方法一: ul      li style="list-style-type:none;"百度/li      li style="list-style-type:none;"雅虎/li      li ...

经验教程

938

收藏

37
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部