layui设置table的各种背景色

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了layui设置table的各种背景色相关的知识,希望对你有一定的参考价值。

添加以下内容到指定CSS文件,并引入项目即可生效

/* 偶数行背景色 */
.layui-table[lay-even] tr:nth-child(even) 
    /* background-color: #aaffaa; */
    background-color: #eeffee;


/* 鼠标指向表格时,奇数行背景颜色 */
.layui-table tbody tr:hover,.layui-table-hover 
    background-color: #eeffee;


/* 表格头部工具栏背景色 */
.layui-table-tool 
    background-color: #eeffee;


/* 表格头部背景色 */
th 
    background-color: #359f6a; /* MediumSeaGreen */
    color: #fff;
    font-weight: bold

效果如下:

技术图片

以上是关于layui设置table的各种背景色的主要内容,如果未能解决你的问题,请参考以下文章

怎么给网页添加背景色,但不影响DIV 和<table>

element table 选中行背景色

element table 选中行背景色

layui主页优化:tab选中背景色&默认主页且不允许关闭

idea设置内存,背景色,光标行色,控制台背景色

idea设置内存,背景色,光标行色,控制台背景色