table 鼠标移动变色 怎么取消

提问 已结
14 885
salmon
salmon 2017-6-13
悬赏:5飞吻
问题 如题 现在想取消这个功能 要改什么css样式文件还是js文件
回帖
  • rhythm丶
    2017-6-13
    @salmon 兄弟,注意看一下我的回复
    0 回复
  • rhythm丶
    2017-6-13
    1. 首先你要找得到这个 hover 的样式

    2. 在自己的样式扩展文件里面更改该样式
    .layui-table tr:hover, .layui-table[lay-even] tr:nth-child(even) {
    background-color: transparent;
    }
    备注:不建议直接去修改 layui.css
    1 回复
  • 蘇夜
    2017-6-13
    .layui-table tr:hover{background-color:none}
    0 回复
  • rhythm丶
    2017-6-13
    好吧,自我更正一下,扩展以下样式
    防止连表头的背景颜色都去掉
    .layui-table tbody tr:hover{
    background-color: transparent;
    }
    0 回复
  • rhythm丶
    2017-6-13
    @蘇夜 background-color:none 是错误的写法
    0 回复
  • salmon
    2017-6-13
    @rhythm丶 因为我的表格 tr第一行 是有颜色的 这个功能会将我原本的样色给覆盖掉 我可以取消掉第一行的变色功能的吧
    0 回复
  • rhythm丶
    2017-6-13
    @salmon 看我后来回复的那个解答,不好意思,一开始没考虑到这点
    0 回复
  • salmon
    2017-6-13
    @rhythm丶 是在layui.css文件当中 加入 .
    layui-table tbody tr:hover{
    background-color: transparent;
    }
    这个么 。可是貌似没有什么效果
    0 回复
  • 蘇夜
    2017-6-13
    0 回复
  • rhythm丶
    2017-6-13
    @salmon 亲测有效,注意看是不是缓存问题。
    还有不建议直接去改 layui.css,自己写个扩展文件,如 extend.css
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/extend.css">
    需要扩展的,重写的样式都写在 extend.css 里面
    0 回复
  • salmon
    2017-6-13
    @rhythm丶 有效确实有效 但是我表头是其他的颜色 。这个方法貌似有点不行 能不能把表头 的这个效果去掉
    0 回复
  • salmon
    2017-6-13
    [黑线] 没注意看 谢谢了 可以了
    0 回复
  • 写了这么多还是不对
    0 回复
  • 厉害了,你们居然是加了!important[汗]
    0 回复