elementui中取消el-button的hover
时间: 2023-10-30 16:10:47 浏览: 357
el-select-tree:ElementUI的el-select与el-tree结合
5星 · 资源好评率100%
效果应该怎么做?
你可以通过重写element-ui中el-button组件的:hover伪类来取消hover效果。具体做法如下:
1.在自己的样式文件中定义一个类,例如.no-hover。
2.使用!important关键字覆盖element-ui中的:hover伪类,并将其样式设置为none。
3.将no-hover类应用到el-button组件上。
代码示例如下:
```
.no-hover:hover{
background-color: none!important;
border-color: none!important;
color: inherit!important;
}
<el-button class="no-hover">取消hover效果</el-button>
```
通过这种方式,就可以在不影响其他el-button组件的情况下取消el-button的hover效果了。
阅读全文