hideFocus(虚线框处理小技巧)

前端技术 2023/09/04 CSS

hideFocus即隐藏聚焦，具有使对象聚焦失效的功能，其功能相当于：

复制代码

代码如下:

<a onFocus=\"this.blur()\" href=\"http://www.phpstudy.net\">phpstudy</a>

它的值是一个布尔值，如hideFocus=true。也可省略赋值直接写hideFocus。
你给的代码如果没有hideFocus,那么鼠标点击该超链接，则外面出现一个虚线框，即为聚焦。而使用了hideFocus则不会有虚线框。

在IE下，需要在标签 a 的结构中加入 hidefocus=\"true\" 属性。即：

而在FF等浏览器中则相对比较容易，直接给标签 a 定义样式 outline:none; 就可以了，即：

复制代码

代码如下:

a {
outline:none;
}

本文地址：https://www.stayed.cn/item/10546

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请联系我

我的博客