table 鼠标移动变色 怎么取消

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

    2. 在自己的样式扩展文件里面更改该样式
    .layui-table tr:hover, .layui-table[lay-even] tr:nth-child(even) {
    background-color: transparent;
    }
    备注:不建议直接去修改 layui.css
    1 回复
  • 蘇夜
    2017-06-13
    .layui-table tr:hover{background-color:none}
    0 回复
  • rhythm丶
    2017-06-13
    好吧,自我更正一下,扩展以下样式
    防止连表头的背景颜色都去掉
    .layui-table tbody tr:hover{
    background-color: transparent;
    }
    0 回复
  • rhythm丶
    2017-06-13
    @蘇夜 background-color:none 是错误的写法
    0 回复
  • salmon
    2017-06-13
    @rhythm丶 因为我的表格 tr第一行 是有颜色的 这个功能会将我原本的样色给覆盖掉 我可以取消掉第一行的变色功能的吧
    0 回复
  • rhythm丶
    2017-06-13
    @salmon 看我后来回复的那个解答,不好意思,一开始没考虑到这点
    0 回复
  • salmon
    2017-06-13
    @rhythm丶 是在layui.css文件当中 加入 .
    layui-table tbody tr:hover{
    background-color: transparent;
    }
    这个么 。可是貌似没有什么效果
    0 回复
  • 蘇夜
    2017-06-13
    0 回复
  • rhythm丶
    2017-06-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-06-13
    @rhythm丶 有效确实有效 但是我表头是其他的颜色 。这个方法貌似有点不行 能不能把表头 的这个效果去掉
    0 回复
  • salmon
    2017-06-13
    [黑线] 没注意看 谢谢了 可以了
    0 回复
近期热议
见证这一刻:layui 官网累计下载量突破 200000 50
LayIM 3.x 标准版盛情巨惠,以最低门槛 加入 LayIM 会员群 34
很好奇社区里使用layui的程序员里面是前端的多还是后端的多 18
字体图标是不是有点少了 15
php多久能学会 15
建议LayUI永久免费,不要发布收费版本 14
按照社区的模版用了一周时间,仿照了个系统,献丑了,晒晒哈 13
关于动态TABLE 12
有购买LayIm 整套的朋友吗?进来解答解答 11
贤心你好,请教几个技术问题? 11
layui

微信扫码关注 layui 公众号