在IE下，需要在标签 a 的结构中加入 hidefocus="true" 属性。即：
<a href="http://www.yanzhaoit.com" hidefocus="true" title="做有用网站，找燕赵互联">燕赵互联</a>
input{blr:expression(this.hideFocus=this.blur()); }
a:visited {blr:expression(this.hideFocus=this.blur());}
而在FF等浏览器中则相对比较容易，直接给标签 a 定义样式 outline:none; 就可以了，即：
a {
outline:none;
}
方法二：
也可以仅用 CSS 来控制，即对 IE 的情形使用 expression 表达式，但不推荐使用，毕竟 expression 在性能上有问题。
.HideFocus {
hide-focus: expression(this.hideFocus=true); /* for ie 5+ */
outline: none; /* for firefox 1.5 + */
}
2.批量消除虚线框
如果你的网页上有几个甚至上百个链接，而你又想要去掉上面那些讨厌的虚线框，难道你还一个个去Ctrl+C、Ctrl+V，天哪！这对一个正常人来 说绝对是个恶梦。也许你会说，用DW或其它文本编辑器里的“查找/替换”功能就能解决，对！不可否认，这是一个好办法，但作为一个优秀的web developer，用尽可能少的代码实现一样的功能才是我们应当追求的目标，下面我们就用htc来解决这问题。至于htc是什么，全称就是Html Components，由微软在IE5.0后开始提供的一种新的指令组合，它可以把某种特定功能的代码封装在一个组件之中，从而实现了代码的重复使用。作 为一个组件，htc里包含了属性、方法、事件等等各种知识，在这里就不一一介绍了，具体内容各位可以参考微软的msdn主页。
回到开始处，Onfocus=this.blur()在这里很显然，onfocus是一个事件，this.blur()则是被事件所触发的对象，既然这点明确了，代码就知道该怎么写了。
折叠展开JavaScript Code复制内容到剪贴板
-
<public:attach event=”onfocus” onevent=”example()” />
-
<script language=”javascript”>
-
function example(){
-
this.blur();
-
}
-
</script>
将以上代码存为.htc为扩展名的文件，然后html网页的<head>。。。</head>之间加入下面的CSS代码
折叠展开CSS Code复制内容到剪贴板
-
<style type="text/css">
-
<!--
-
a {behavior:url(htc文件所在路径地址)}
-
-->
-
</style>
保存，预览，怎么样？效果出来了吧，再看看代码，的确精简了不少，而且在链接越多时体现得越发明显。
在网页设计时都会碰到一些问题，就是input点击时会出现虚线框哦，那我们有的朋友不喜欢所以就选择一个可以去除的办法了。
<style type="text/css">
<!--
.login_button {
background-image: url(/images/login_button.jpg);
background-repeat: no-repeat;
background-position: left top;
margin: 0px;
padding: 0px;
height: 46px;
width: 48px;
border: none;
background-color: #FFCC00;
}
-->
</style>
</head>
<body>
<input type="submit" class="login_button" tabindex="4" value=" 确定" width="48px" height="46px" border="0px" />
</body>
解决方法：
，< input > 内加 onFocus="this.blur()"就行了
那么下面502将会整理从google搜来的4种解决方案来想消除这不太受欢迎的虚线框。
非IE浏览器里一般用 a:focus { outline:0; }这句来搞定
1、首先有利用htc来解决的。htc 是什么呢？htc全称就是Html Components，由微软在IE5.0后开始提供的一种新的指令组合，它可以把某种特定功能的代码封装在一个组件之中，从而实现了代码的重复使用。作 为一个组件，htc里包含了属性、方法、事件等等各种知识，在这里就不一一介绍了，具体内容各位可以参考微软的msdn主页。现在言归正传，看看htc是 怎么批量消除链接虚线框的：
①首先将下面的代码保存为.htc扩展名的文件；
<public:attach event="onfocus" onevent="hscfsy()"/>
<script language="javascript">
function hscfsy(){
this.blur();
}
</script>
|
②然后在网页文件的<style>标签内或着外链的CSS文件里添加如下一行代码即可：
a {behavior:url(htc文件所在路径地址)}
|
2、使用CSS中Expression来解决。跟第一个方法相比，此方法要简单得多，不需要创建htc文件，只需在网页文件的<style>标签内或着外链的CSS文件里添加如下一行代码即可：
a{blr:expression(this.onFocus=this.close());} /* 只支持IE，过多使用效率低 */
a{blr:expression(this.onFocus=this.blur());} /* 只支持IE，过多使用效率低 */
a:focus { -moz-outline-style: none; } /* IE不支持 */
|
3、使用JS脚本来解决。代码如下，复制到网页文件的<head>标签内即可。
<script type="text/javascript">window.onload=function()
{
for(var ii=0; ii<document.links.length; ii++)
document.links$[$ii$]$.onfocus=function(){this.blur()}
}</script>
|
4、同样是使用JS脚本的方法。代码如下，复制到网页文件的<head>标签内即可。
<script type="text/javascript">function fHideFocus(tName){
aTag=document.getElementsByTagName(tName);
for(i=0;i<aTag.length;i++)aTag$[$i$]$.hideFocus=true;
for(i=0;i<aTag.length;i++)aTag$[$i$]$.onfocus=function(){this.blur();};
}</script>
分享到：
相关推荐
介绍： 图片链接的虚线边框也可这样设置。
今天遇到几个浏览器兼容的问题，有一个感觉比较奇怪，估计是FireFox故意要和IE、google 区别开来吧，在点击FireFox a标签的时候会出现虚线框
虚线边框去除
该资源主要是介绍如何去掉超链接点击时外面的虚线框。
我想很多朋友都遇到这个问题，当点击一个链接的时候，总会出现一个虚线框。
IOS开发，生成各种类型的边框，虚线边框
图像加虚线框的方法,csS及原文件下载研究
IE浏览器去掉FLASH虚线框的两种方法
可以通过代码学习qml如何与C++打交道，实现不同虚线效果，纯QML无法实现虚线效果，有需要的朋友可以下载
介绍： 方法二： 在页面中加入下面CSS代码即可
学习之路不可停止，最近在研究CSS，今天爱站技术频道的小编就給你们带来这篇CSS border虚线边框属性教程，教大家如何使用css制作网页中的虚线，巩固CSS border属性使用方法，感兴趣的同学可以参考一下。
鼠标左键 按下 并拖动显示虚线框 展示框选效果，左键弹起，可取消效果。
c# winform 用鼠标画拉出来的虚线框,鼠标框选边框效
封装了oc和 swift的 2个UIView的虚线外框的类扩展，可以设置线的长度，间隙长度，虚线宽度，虚线颜色，外框圆角边框，一行代码调用非常方便
IE4 IE5中点击一个图片链接(实际是链接获得焦点)或者文字连接的时候，周围就会出现一圈讨厌的虚线框，用这个插件可以去掉
border为边框属性，如果要实现对象边框效果，要设置边框宽度、边框颜色、边框样式（实线还是虚线） border:1px dashed #F00 这个就是设置边框样式宽度为1px，虚线，虚线为红色。 4、实例描述 我们对以上几个标签设置...
易语言虚线选择框模块源码,虚线选择框模块,创建,销毁,开始,拖动,结束,取矩形,加入风格,取状态,标准化矩形,互换整数,画虚线框_记录,异或运算,画虚线框_,取有效矩形,取消虚线框,取客户区矩形_,取窗口区域位置_,取窗口...
在前端制作的过程中会发现，一些文字/图片链接，或者一些input控件，在点击时会在周围出现虚线边框，一般会在火狐和IE浏览器下出现虚线框，谷歌下不会有。 这些虚线边框是作为对视觉设计的一种辅助，在不使用鼠标...
VB6运行时控件移动 右下角拖动大小 有虚线框显示，有工程文件
以下是解决方案： 方法一： 在IE下是使用html属性：hideFoucs，在HTML标签中加上hidefocus=”true” 属性即可，但这个属性是IE私有的，Firefox是不认的。 欢迎来到