修改 element ui table hover时的背景色
2019-04-10 17:57
2091 查看
开始百度了很多方法 发现都不管用 后来 在hover 每一行tr 时发现
这里有它的 颜色
然后我就 在对应的子组件里写这个 样式 修改颜色 不生效 加上 !important 也没用 ui 给的颜色又不是这样的
后来我发现 这个修改样式 要么外面不套 任何父元素 要么就套在 最外层的父元素下
这是我看到 下面那行 .allMyModel .el-table--border (这里面的样式是我自己写的 它生效了 ) 然后 我把对应的修改颜色的代码拿到 .allMyModel 下面 就生效了
样式修改就搞定啦
一定记得 在最大的父元素下 写修改样式
相关文章推荐
- element-ui中 table表格hover 修改背景色
- element-ui移除table组件hover背景色事件
- elementUI table选中后改变背景色
- vue使用element-ui表格移入修改tr背景色
- Element-ui自定义table表头、修改列标题样式、添加tooltip、:render-header使用
- element-ui中的表格el-table滚动条样式修改
- element-ui的table表格控件表头与内容列不对齐问题
- VueJS ElementUI el-table 的 formatter 和 scope template 不能同时存在
- vue+elementui的table行内实现el-upload文件添加/多文件上传
- Element-ui框架修改-upload、step
- element-ui tabs 切换时展示的table报错_self.$scopedSlots.default is not a function
- vue-element-UI中实现翻页改变索引index,修改页面显示item数量的方法
- vue+elementui el-table增删改查
- vue elementUI table表格数据 滚动懒加载的实现方法
- element-ui中table表头添加元素(或者图标)
- Element UI table组件源码分析
- elementUI table表头错位问题
- elementui el-table某列合并
- ElementUI之table排序
- Element-ui table中过滤条件变更表格内容