在常规情况下,该虚线框是作为一种提示让用户明确当前关注的东西,然而如果我们把链接的4种状态样式设置比较完整的话,就不是特别需要虚线框的存在,因为它很有可能影响页面的美观。尤其是在做应用系统界面的时候,总给人一种浏览网页的感觉,显得不够专业。
当然,如果全盘否定掉链接虚线框,对使用键盘的用户体验可能又是个大弊端,但这是另外一个话题了。
下面介绍几种去掉链接点击时虚线框的方法:
方法一:利用javascript的onfocus事件,实现如下:
<a href="#" onfocus="this.blur();">链接</a>
如果引入了jQuery框架则可以利用它的事件绑定机制:
$('a').bind('focus', function(){
if(this.blur){ //如果支持 this.blur
this.blur();
}
});
方法二:利用css样式,实现如下:
a{
blr: expression(this.onFocus=this.close());
} /* 只支持IE,过多使用效率低 */
a{
blr: expression(this.onFocus=this.blur());
} /* 只支持IE,过多使用效率低 */
a:focus {
-moz-outline-style: none;
} /* IE不支持 */
:focus {
outline: none;
} /* for Firefox */
方法三:利用标签属性,仅支持IE,实现如下:
<a href="#" hidefocus="true">链接</a>
方法四:利用Web行为
IE从5.5版本开始支持Web行为的概念。这些行为是由后缀名为.htc的脚本文件描述的,它们定义了一套方法和属性,程序员几乎可以把这些方法和属性应用到HTML页面上的任何元素上去。Web行为是非常伟大的因为它们允许程序员把自定义的功能“连接”到现有的元素和控件,而不是必须让用户下载二进制文件(例如ActiveX控件)来完成这个功能。Web行为还是推荐的扩展IE对象模型和控件集的方法。微软在它的开发者站点上的DHTML行为库栏目里提供了几个定制的Web行为:WebService行为。
讲一下代码保存为.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文件")} 一句插入里面即可。
分享到:
相关推荐
虚线边框去除
介绍: 图片链接的虚线边框也可这样设置。
该资源主要是介绍如何去掉超链接点击时外面的虚线框。
IE浏览器去掉FLASH虚线框的两种方法
js 特效 html 特效 去掉图片链接周围虚线
我想很多朋友都遇到这个问题,当点击一个链接的时候,总会出现一个虚线框。
IOS开发,生成各种类型的边框,虚线边框
图像加虚线框的方法,csS及原文件下载研究
介绍: 方法二: 在页面中加入下面CSS代码即可
去掉图片链接周围虚线.rar去掉图片链接周围虚线.rar去掉图片链接周围虚线.rar去掉图片链接周围虚线.rar去掉图片链接周围虚线.rar去掉图片链接周围虚线.rar
IE4 IE5中点击一个图片链接(实际是链接获得焦点)或者文字连接的时候,周围就会出现一圈讨厌的虚线框,用这个插件可以去掉
可以通过代码学习qml如何与C++打交道,实现不同虚线效果,纯QML无法实现虚线效果,有需要的朋友可以下载
为了对html不同标签加边框虚线,我们选择几个常用标签对齐设置边框虚线效果。 1、html常用标签 p标签 span ul li table tr td 2、实例用到CSS属性单词 border width height 3、实现虚线的CSS重点介绍 border为边框...
封装了oc和 swift的 2个UIView的虚线外框的类扩展,可以设置线的长度,间隙长度,虚线宽度,虚线颜色,外框圆角边框,一行代码调用非常方便
c# winform 用鼠标画拉出来的虚线框,鼠标框选边框效
去除win xp、7、8桌面图标虚线框,我们会发现按下键盘后在桌面图标四周会产生很南桥的虚线框,用此工具可以有效去除
IE浏览器去掉FLASH虚线框的两种方法.rar
学习之路不可停止,最近在研究CSS,今天爱站技术频道的小编就給你们带来这篇CSS border虚线边框属性教程,教大家如何使用css制作网页中的虚线,巩固CSS border属性使用方法,感兴趣的同学可以参考一下。
易语言虚线选择框模块源码,虚线选择框模块,创建,销毁,开始,拖动,结束,取矩形,加入风格,取状态,标准化矩形,互换整数,画虚线框_记录,异或运算,画虚线框_,取有效矩形,取消虚线框,取客户区矩形_,取窗口区域位置_,取窗口...