css中hideFocus的用法

在CSS中，hideFocus是一个伪类选择器，用于指定当元素取得焦点时是否是显示焦点的外观。
使用hideFocus时，可以通过设置元素的outline还是box-shadow属性来控制焦点的外观。
以下是一个示例：
```css
.hide-focus {
outline: none;
}
.hide-focus:focus {
outline: none;
box-shadow: none;
}
```
在上面的示例中，当元素取得焦点时，将隐藏焦点的外观，通过设置outline和box-shadow属性为none。通过添加.hide-focus类到元素上，可以利用这些样式。
请注意，hideFocus已被大多数现代浏览器废弃，由于现代浏览器已提供了更好的方法来控制焦点的外观。因此，在编写现代网站时，很少需要使用hideFocus。
建议使用更现代的技术，如CSS伪类选择器：focus-visible，该伪类选择器可以根据用户的输入装备（如键盘或鼠标）动态利用样式。这样可以确保在键盘导航时可见焦点，在鼠标导航时隐藏焦点的外观。