element table 表格 修改背景为透明并去除边框


 1 .el-table{
 2 /* 表格字体颜色 */
 3 color:white;
 4 /* 表格边框颜色 */
 5 /* border: 0.5px solid #758a99; */
 6 height: 500px;
 7 }
15 /* 表格内背景颜色 */
16 .el-table th, .el-table tr,.el-table td{
17 border: 0;
18 background-color: transparent;
19 }
20 /* 双数行背景颜色 */
21 .el-table--striped .el-table__body tr.el-table__row--striped td {
22  
23 background-color:#fff;
24 background-color: rgba(148, 144, 144, 0.3)
25 }
26 /* 使表格背景透明 */
27 .el-table th, .el-table tr {
28 background-color: transparent;
29 }
30 /* 删除表格下横线 */
31 .el-table::before {
32 left: 0;
33 bottom: 0;
34 width: 100%;
35 height: 0px;
36 }
37 /* 表格表头字体颜色 */
38 .el-table thead {
39 color: white;
40 font-weight: 500;
41 background-color: rgba(148, 144, 144, 0.3)
42 }

效果图:

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM