去掉链接虚线框两种方法:样式表法和HTC法

原创 2007年10月04日 23:04:00
 

当链接指向为页外目标时,我们点击该链接,其四周会出现一个虚框,文字链接和图片链接都会如此。去除虚框可以用JavaScript的this.blur()实现,然而,每一个超链语句都写上this.blur()工作量会很大,我们有必要寻求一种高效的方法。

IE从5.5版本开始支持Web行为的概念。这些行为是由后缀名为.htc的脚本文件描述的,它们定义了一套方法和属性,程序员几乎可以把这些方法和属性应用到HTML页面上的任何元素上去。Web行为是非常伟大的因为它们允许程序员把自定义的功能“连接”到现有的元素和控件,而不是必须让用户下载二进制文件(例如ActiveX控件)来完成这个功能。Web行为还是推荐的扩展IE对象模型和控件集的方法。微软在它的开发者站点上的DHTML行为库栏目里提供了几个定制的Web行为:WebService行为。

我们就是利用上述.htc文件来轻而易举地实现成批去除超链虚框。以下内容保存为后缀名为.htc的文件(使用时请将全角标点符号改为小角):

<public:attach event="onfocus" onevent="quit()" />
<script language="javascript">
function quit(){
this.blur();
}
</script>

然后,在需要去除超链虚框的页面的<head>和</head>之间加入:

<style type="text/css">
a {behavior:url("htc文件")}
</style>

如果页面已经有了style标签,只需要将 a {behavior:url("htc文件")} 一句插入里面即可。

这样,该页面的超链在点击之后的虚框将不复存在,页面显得干干净净。

去掉链接时的虚框只要在你的样式表中加入以下代码,就可以去掉链接时烦的的虚框。网页开发

a,area { blr:expression(this.onFocus=this.blur()) } /* for IE */
:focus { outline: none; } /* for Firefox */ 

是不是很简单.

中国.网页开发.网

QT之如何去除部件虚线框

QT之如何去除部件虚线框QT之如何去除部件虚线框 开篇之叙 效果图 Qstyle 类 上代码 结尾开篇之叙 接着上篇QT之CheckBox单项选择与多项选择,再给大家讲讲,在我们控件上出现的虚线框...
  • ly305750665
  • ly305750665
  • 2016年12月15日 22:09
  • 986

QComboBox下拉框虚线去除的两种处理方法

QComboBox控件在进行下拉选项选择时,会出现方形的虚线,让人看了很不自在。那么,这虚线怎么去掉呢? 方法一:在QSS样式表里可以设置(推荐此方法) " QComboBox QAbstra...
  • u013782830
  • u013782830
  • 2016年09月23日 11:26
  • 1375

去掉链接点击后周围虚线框

方法一: 在IE下是使用html属性:hideFoucs,在HTML标签中加上hidefocus=”true” 属性即可,但这个属性是IE私有的,Firefox是不认的。 a href="#"...
  • HeartMonth
  • HeartMonth
  • 2014年02月27日 11:26
  • 466

去掉网页上链接或按钮的虚线框

文章转自:http://blog.sina.com.cn/s/blog_4ef1fbde0100v1rt.html,所有权利gv 经常用鼠标在链接或按钮上点击时会出现虚线框,很多朋友常常想去掉这...
  • sdujava2011
  • sdujava2011
  • 2014年07月10日 16:22
  • 589

前端开发小技巧——取消a标签点击之后的虚线框

什么是a标签点击之后出现的虚线框?如图所示,当聚焦a标签的时候,在a标签的区域周围会有一个虚线的框,这个框不同于border的是,它是不占有任何宽度的。当你取消焦点的时候,这个虚线框就会自然消失。...
  • moumaobuchiyu
  • moumaobuchiyu
  • 2016年12月09日 21:57
  • 3109

QPushButton去掉选中状态的虚线框(焦点框)

上篇文章上放了点关于按钮贴图的代码。但实际发现如果使用QPushButton的话,在贴完图之后会有焦点框。 这里介绍个简单方法,qss中加入: [css] view plain copy...
  • cibiren2011
  • cibiren2011
  • 2016年03月15日 23:32
  • 4009

QT去除控件被选中后的焦点虚线框

1.用qss,一句话搞定; 2.再写一个类,然后应用到main函数里 3.qss文件的新建与调用 4.继承自QProxyStyle 的MyProxyStyle 类里函数的简要解释...
  • wenyun_kang
  • wenyun_kang
  • 2017年03月15日 15:09
  • 1090

去掉a标签超链接的虚线框的方法

a{ blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } a:focus{ ...
  • ufojoan
  • ufojoan
  • 2014年04月11日 12:06
  • 293

图论(六)图的两种表示方法

如果要用图来解决问题,首先我们必须采用某种数据结构来存储和表示“图”。相对于数组、链表等来说,图的存储结构就复杂的多了。 首先,图上的任何一个顶点都可以被看作是第一个顶点,任意顶点的邻接顶点之间也不存...
  • saltriver
  • saltriver
  • 2017年01月17日 17:56
  • 2242

图的几种表示方法

(i)邻接矩阵表示法,如图:   也就是说,如果两节点之间有一条弧,则邻接矩阵中对应的元素为1;否则为0。可以看出,这种表示法非常简单、直接。但是,在邻接矩阵的所有 个元素中,只有 个为非零元。...
  • woaidapaopao
  • woaidapaopao
  • 2016年06月22日 11:20
  • 2276
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:去掉链接虚线框两种方法:样式表法和HTC法
举报原因:
原因补充:

(最多只允许输入30个字)