当你把链接定义成一个漂亮的触发按钮时,它不再需要按下时简陋的虚线框来帮助识别了,即碍眼又破坏设计的美感,这时就该干掉虚线框!
IE里需要在 a 标签中加入 hidefocus=”true” 属性:<a href=”” hidefocus=”true” title=””>siteface</a>
而在Firefox等浏览器中定义CSS:a { outline:none; }或者a { outline:0; } 就可以了。
在IE里 hideFocus即隐藏聚焦,具有使对象聚焦失效的功能,其功能相当于:
onFocus=”true”
它的值是一个布尔值,如hideFocus=true。也可省略赋值直接写hideFocus。
也可以在CSS文件里这样定义:
a{blur:expression(this.blur());}/*针对 IE*/
a { outline:none; } /*针对firefox等*/
但要注意expression是容易引起性能问题的。
去掉IE和Firefox点击链接时的焦点虚线框
原创
©著作权归作者所有:来自51CTO博客作者mb64e87c41793c3的原创作品,请联系作者获取转载授权,否则将追究法律责任
上一篇:Ubuntu更改文件夹权限
提问和评论都可以,用心的回复会被更多人看到
评论
发布评论
相关文章
-
JS比较常用的隔行换色和获取焦点以及失去焦点效果
JS比较常用的隔行换色和获取焦点以及失去焦点效果
获取焦点 失去焦点 背景色 -
css去掉a标签点击后的虚线框,outline,this.blur()
css去掉a标签点击后的虚线框,outline,this.blur()1:在a标签里加入js控制,当a标签被聚焦时,强制取消焦点,这时候a标签自然不会有虚线框。测试
css css3 outline blur onfocus -
去掉 Windows 中控件的虚线框(当当 element == QStyle::PE_FrameFocusRect 时,直接返回,不绘制虚线框)#include 线框 文件名 自定义 #define
-
h5 在iOS端 显示alert
html5给大多数元素都增加了contentEditable属性,如果给某元素设置属性 contentEditable = "true",那么该元素就会进入可编辑状态,即浏览器会允许用户直接编辑该元素内容。 html:<div class="wraper"> <div contenteditable="true"> <
h5 在iOS端 显示alert html5 contentEditable 可编辑 换行符