el-Table 取消hover
时间: 2023-09-13 20:10:23 浏览: 50
要取消 el-Table 的 hover 效果,你可以通过自定义 CSS 样式来覆盖默认的 hover 样式。你可以使用以下代码示例:
```css
.el-table__row:hover {
background-color: inherit; /* 取消hover时的背景颜色 */
color: inherit; /* 取消hover时的文字颜色 */
}
```
将上述代码添加到你的样式文件中,然后确保该样式文件被正确引入到你的项目中。这样就能取消 el-Table 的默认 hover 效果了。
相关问题
el-table fixed hover
el-table的fixed属性和hover效果可以通过以下样式实现:
当table没有加fixed属性时,可以使用以下样式来实现hover效果:
.el-table__body .el-table__row.hover-row td {
background-color: #fff !important;
}
当table加了fixed属性时,可以使用以下样式来实现hover效果:
.el-table tbody tr:hover > td {
background: #fff !important;
}
另外,如果想要更精确地设置hover的颜色,可以使用以下样式:
.el-table tbody tr:hover > td {
background-color: #颜色;
}
或者
.el-table__body-wrapper tbody tr:hover > td {
background-color: #颜色;
}
以上是el-table fixed属性和hover效果的实现方法。希望对你有帮助!<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *2* [element 表格el-table改变hover背景颜色(fixed)](https://blog.csdn.net/weixin_63621456/article/details/125994643)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *3* [关于element-ui 中 table 鼠标悬停时高亮背景颜色的修改,添加fixed后颜色又出现问题](https://blog.csdn.net/qq_47703624/article/details/114435077)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]
el-table el-table--fit el-table--enable-row-hover el-table--enable-row-transition el-table--medium如何去掉
el-table是Element UI框架中的一个表格组件,el-table--fit、el-table--enable-row-hover、el-table--enable-row-transition、el-table--medium是该组件的一些样式类。如果你想去掉这些样式类,可以通过以下方式进行操作:
1. el-table--fit:该样式类用于使表格自适应父容器的宽度。如果你想去掉这个样式类,可以在el-table标签上移除fit属性,或者在样式中将该类的宽度设置为auto。
2. el-table--enable-row-hover:该样式类用于启用鼠标悬停行高亮效果。如果你想去掉这个样式类,可以在el-table标签上移除row-hover属性。
3. el-table--enable-row-transition:该样式类用于启用行过渡效果。如果你想去掉这个样式类,可以在el-table标签上移除row-transition属性。
4. el-table--medium:该样式类用于设置表格的中等大小。如果你想去掉这个样式类,可以在el-table标签上移除size属性,或者将该类的相关样式设置为其他大小。