隐藏鼠标点击<a>标签后的虚线
2014-06-06 11:21
211 查看
css中hideFocus的用法
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> Test
</TITLE>
</HEAD>
<BODY>
<a href="#" hidefocus="true"
title="XX">没有虚线框</a>
<br><br>
<a href="#"
title="XX">有虚线框</a>
</BODY></HTML>
而在FF等浏览器中则相对比较容易,直接给标签 a 定义样式 outline:none; 就可以了,即:
a {outline:none;}
或者
a{blr:expression_r(this.onFocus=this.blur());outline:none;}//支持IE
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> Test
</TITLE>
</HEAD>
<BODY>
<a href="#" hidefocus="true"
title="XX">没有虚线框</a>
<br><br>
<a href="#"
title="XX">有虚线框</a>
</BODY></HTML>
而在FF等浏览器中则相对比较容易,直接给标签 a 定义样式 outline:none; 就可以了,即:
a {outline:none;}
或者
a{blr:expression_r(this.onFocus=this.blur());outline:none;}//支持IE
相关文章推荐
- 实现点击超链接<a>标签,点击的标签变色,标注
- <h:outputText>标签 中怎么限制字数 多余的用省略号,并且鼠标放上时显示全部信息
- 点击<a>标签,禁止页面自动跳到顶部的解决办法
- <a>标签中写有文字,如何隐藏文字以及360模式渲染
- jQuery触发<a>标签的点击事件无效
- 再谈QT模拟点击<a>标签
- HTML <a>标签 title属性 鼠标悬停文字显示
- HTML <div>标签 内容超出div固定高度,超出部分隐藏
- JQuery中模拟点击<a>标签,实现页面跳转
- HTML <area> 标签实现带有可点击区域的图像映射
- css相关,鼠标点击<input>输入域后出现有颜色的边框
- 统计报表中嵌入<a>标签,点击实现弹出清单功能
- 有两种分别用<bgsound>和<embed></embed>标签,当用<embed>插入背景音乐时可以设置宽度和高度为0,隐藏播放器。
- js实现点击<li>标签弹出其索引值
- HTML 关于<hr>标签,虚线
- <a>标签点击实现下载文件功能
- <a>标签的点击事件
- 点击<a>标签,禁止页面自动跳到顶部的解决办法
- 鼠标点击页面中的任意标签,alert该标签的名称和 js实现点击<li>标签弹出其索引值
- struts2 <s:action>标签的用法