修改layui 数据表格每行样式

最新推荐文章于 2024-04-03 06:46:47 发布

已秃头的菜鸟

最新推荐文章于 2024-04-03 06:46:47 发布

阅读量1.2k

点赞数 1

分类专栏： layui数据表格行样式 css 文章标签： css html5

本文链接：https://blog.csdn.net/lingyi_01/article/details/105856329

版权

layui数据表格行样式同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

css

1 篇文章 0 订阅

订阅专栏

修改layui 数据表格每行样式

tabledivid 是数据表格div的id 其中颜色根据自己喜好调整

#tabledivid .layui-table{
    background-color: transparent !important;
}
#tabledivid .layui-table-view{
    background-color: rgba(0, 0, 0, 0) !important;
}
#tabledivid .layui-table-tool {
    background-color: transparent !important;
}

#tabledivid  .layui-table-tool .layui-icon {
    color: 00FFFF;
}

#tabledivid .layui-table-header, #iceaisle .layui-table-cell, .layui-table-header thead tr {
    background-color: transparent !important;
}

#tabledivid  .layui-table-header thead th, #iceaisle .layui-none {
    /*border: 1px solid #FFFFFF;*/
    color: #5ddadb !important;
}

#tabledivid .layui-table tbody tr {
    border: none;
    color: 00FFFF;
}

#tabledivid .layui-table-init, #iceaisle .layui-laypage-limits select, #iceaisle .layui-laypage-btn, #iceaisle .layui-laypage-skip input {
    background-color: transparent !important;
    color: 00FFFF;
}

#tabledivid  .layui-table-page a, #iceaisle .layui-table-page span .layui-laypage-em {
    background-color: transparent !important;
    color: 00FFFF;
    border: white;
}

#tabledivid .layui-table-page .layui-laypage input{
 background-color: transparent !important;
    color: 00FFFF;
    border: 1px solid #ffffff;
}

#tabledivid .layui-laypage-limits select, #iceaisle .layui-laypage-limits option {
    -webkit-appearance: none; /* google */
    -moz-appearance: none; /* firefox */
    appearance: none; /* IE */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);   /* 点击去除高亮的颜色*/
    background-color: rgba(0, 0, 0, 0) !important;
    color: 00FFFF;
}

#tabledivid .layui-table[lay-even] tr:nth-child(even){
    background-color: rgba(180, 238, 180, 0.5) !important;
}


/*静态表格透明*/
#tabledivid .layui-table{
    background-color: rgba(0, 0, 0, 0) !important;
}
#tabledivid .layui-table tbody tr:hover, .statistics_branch_one .layui-table tbody tr:hover {
    background-color: transparent !important;
}