el-button去除focus的样式
时间: 2023-11-06 15:41:43 浏览: 337
element-ui 的el-button组件中添加自定义颜色和图标的实现方法
要去除 `el-button` 的 focus 样式,您可以使用以下方法之一:
1. 使用 CSS 进行覆盖:
```css
.el-button:focus {
outline: none;
box-shadow: none;
}
```
这将移除按钮在获得焦点时的默认外边框和阴影效果。
2. 通过设置 `autofocus` 属性来避免按钮获得焦点:
```html
<el-button autofocus>Button</el-button>
```
这将使按钮在加载页面时不再自动获取焦点,从而避免了 focus 样式的出现。
请注意,以上方法适用于 Element UI 中的 `el-button` 组件。如果您使用的是其他 UI 框架或自定义按钮组件,可能需要根据具体情况进行调整。
阅读全文