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的各种背景色的主要内容,如果未能解决你的问题,请参考以下文章