css 去除虚线框的解决办法

发布时间:2020-02-19编辑:脚本学堂
本文介绍了css去除虚线框的方法,css中hidefocus的用法,hidefocus是对超链接外虚线框的设定,有需要的朋友参考下。

在ff等浏览器中,直接给标签 a 定义样式 outline:none; 就可以了,即:
a {outline:none;}
针对ie则可使用hidefocus="true"
 
css中hidefocus的用法
hidefocus是对超链接外虚线框的设定!
hidefocus即隐藏聚焦,具有使对象聚焦失效的功能,其功能相当于:
onfocus="this.blur()"
它的值是一个布尔值,如hidefocus=true。也可省略赋值直接写hidefocus。

代码如果没有hidefocus,那么鼠标点击该超链接,则外面出现一个虚线框,即为聚焦。
而使用了hidefocus则不会有虚线框。

在ie下,需要在标签 a 的结构中加入 hidefocus="true" 属性。

例子:
 

复制代码 代码示例:
<!doctype html public "-//w3c//dtd html 4.0 transitional//en">
<html>
<head>
<title> css去除虚线框的解决办法 -- www.jb200.com </title>
</head>
<body>
<a href="#" hidefocus="true" title="xx">没有虚线框</a><input type="button" hidefocus="true" /><input type="file" hidefocus="true" />
<br><br>
<a href="#" title="xx">有虚线框</a>
</body></html>