layui设置table背景色的方法是什么

本文环境:
windows10、layui2.5.6
本文适用于所有品牌的电脑
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
}实现效果:

标签: