table 鼠标移动变色 怎么取消

已采纳
12 292
问题 如题 现在想取消这个功能 要改什么css样式文件还是js文件
空闲广告位,联系:xianxin@layui.com
  • rhythm丶 rhythm丶
    12天前
    @salmon 兄弟,注意看一下我的回复
    0 回复
  • rhythm丶 rhythm丶
    12天前
    1. 首先你要找得到这个 hover 的样式

    2. 在自己的样式扩展文件里面更改该样式
    .layui-table tr:hover, .layui-table[lay-even] tr:nth-child(even) {
    background-color: transparent;
    }
    备注:不建议直接去修改 layui.css
    1 回复
  • 蘇夜 蘇夜
    12天前
    .layui-table tr:hover{background-color:none}
    0 回复
  • rhythm丶 rhythm丶
    12天前
    好吧,自我更正一下,扩展以下样式
    防止连表头的背景颜色都去掉
    .layui-table tbody tr:hover{
    background-color: transparent;
    }
    0 回复
  • rhythm丶 rhythm丶
    12天前
    @蘇夜 background-color:none 是错误的写法
    0 回复
  • salmon salmon
    12天前
    @rhythm丶 因为我的表格 tr第一行 是有颜色的 这个功能会将我原本的样色给覆盖掉 我可以取消掉第一行的变色功能的吧
    0 回复
  • rhythm丶 rhythm丶
    12天前
    @salmon 看我后来回复的那个解答,不好意思,一开始没考虑到这点
    0 回复
  • salmon salmon
    12天前
    @rhythm丶 是在layui.css文件当中 加入 .
    layui-table tbody tr:hover{
    background-color: transparent;
    }
    这个么 。可是貌似没有什么效果
    0 回复
  • 蘇夜 蘇夜
    12天前
    0 回复
  • rhythm丶 rhythm丶
    12天前
    @salmon 亲测有效,注意看是不是缓存问题。
    还有不建议直接去改 layui.css,自己写个扩展文件,如 extend.css
    <link rel="stylesheet" href="layui/css/layui.css">
    <link rel="stylesheet" href="css/extend.css">
    需要扩展的,重写的样式都写在 extend.css 里面
    0 回复
  • salmon salmon
    12天前
    @rhythm丶 有效确实有效 但是我表头是其他的颜色 。这个方法貌似有点不行 能不能把表头 的这个效果去掉
    0 回复
  • salmon salmon
    12天前
    [黑线] 没注意看 谢谢了 可以了
    0 回复
最近热帖
完全基于 layui 开发的后台管理模板 2723
三层导航怎么做? 637
「源码市场」 正式版本上线 基于layui开发 570
2.0啥时候出啊,新项目要启动了 516
给2.0一些期待 447
麻烦朋友们投个票呗,FLY社区模板+thinkphp5驱动+个人DIY 373
layui整合datatable了么 314
ajax修改资料成功后 怎么进行初始化 页面刷新还是调用登录时的缓存 273
form.render('select') 更新渲染问题 240
select 动态操作不起作用,求助 202
近期热议
完全基于 layui 开发的后台管理模板 35
layui富文本编辑器图片上传无法回显 15
表单校验无效,找了好长时间找不到原因,求大神看下 14
这个社区的完整源码能不能共享 13
ajax修改资料成功后 怎么进行初始化 页面刷新还是调用登录时的缓存 10
select 动态操作不起作用,求助 10
给2.0一些期待 9
laytpl不解析 8
如何给弹出层传参数? 8
文本编辑器出不来 8