有时候在一个页面用到收放功能的时候时,总有一个虚线框在触发收放的功能按钮上,显得特别刺眼,那如何去除这个虚线框呢?
虽然从可用性的角度,隐藏虚线框的做法会让键盘偏执狂不满。但从视觉上,有时候虚线框确实影响美观。
方法一:
IE 下可使用其私有的html属性:hideFoucs,在标签的结构中加入 hidefocus=”true” 属性。即:
<a href="http://www.taobao.com" hidefocus="true" title="淘宝网,淘我喜欢">淘宝网</a>
而在 Firfox 浏览器中则相对比较容易,直接给标签 a 定义样式 outline:none; 就可以了,即:
.HideFocus {
outline:none;
}
方法二:
也可以仅用 CSS 来控制,即对 IE 的情形使用 expression 表达式,但不推荐使用,毕竟 expression 在性能上有问题。
.HideFocus {
hide-focus: expression(this.hideFocus=true); /* for ie 5+ */
outline: none; /* for firefox 1.5 + */
}
opera9 似乎默认就不显示焦点虚线框。
除链接外,该 CSS 同样适用于 input 和 button 标签。
IE6, IE7, FF1.5, FF2, Opera9 测试通过。
分享到:
相关推荐
虚线边框去除
介绍: 图片链接的虚线边框也可这样设置。
IOS开发,生成各种类型的边框,虚线边框
去除win xp、7、8桌面图标虚线框,我们会发现按下键盘后在桌面图标四周会产生很南桥的虚线框,用此工具可以有效去除
该资源主要是介绍如何去掉超链接点击时外面的虚线框。
[code]a{ outline:none;/*ff*/ hide-focus:[removed]this.hideFocus=true);/*ie*/ } [/code]
鼠标左键 按下 并拖动显示虚线框 展示框选效果,左键弹起,可取消效果。
Flex Tree增加虚线连接,绘制虚线连接样式
c# winform 用鼠标画拉出来的虚线框,鼠标框选边框效
封装了oc和 swift的 2个UIView的虚线外框的类扩展,可以设置线的长度,间隙长度,虚线宽度,虚线颜色,外框圆角边框,一行代码调用非常方便
可以通过代码学习qml如何与C++打交道,实现不同虚线效果,纯QML无法实现虚线效果,有需要的朋友可以下载
今天遇到几个浏览器兼容的问题,有一个感觉比较奇怪,估计是FireFox故意要和IE、google 区别开来吧,在点击FireFox a标签的时候会出现虚线框
可能很多人不大会注意,当点击一个链接时会出现一个虚线框,其实也没什么影响,可以忽略,但有时候有人会提出想把这个虚线框隐藏掉,该用什么方法做?
IE4 IE5中点击一个图片链接(实际是链接获得焦点)或者文字连接的时候,周围就会出现一圈讨厌的虚线框,用这个插件可以去掉
IE浏览器去掉FLASH虚线框的两种方法
学习之路不可停止,最近在研究CSS,今天爱站技术频道的小编就給你们带来这篇CSS border虚线边框属性教程,教大家如何使用css制作网页中的虚线,巩固CSS border属性使用方法,感兴趣的同学可以参考一下。
纯JQuery实现TreeView示例带连接虚线|多选框,需要的朋友多多支持!
VB6运行时控件移动 右下角拖动大小 有虚线框显示,有工程文件
易语言虚线选择框模块源码,虚线选择框模块,创建,销毁,开始,拖动,结束,取矩形,加入风格,取状态,标准化矩形,互换整数,画虚线框_记录,异或运算,画虚线框_,取有效矩形,取消虚线框,取客户区矩形_,取窗口区域位置_,取窗口...