设置element表格属性（背景透明，颜色，边框...）

/* 整个表格的宽度 */
.tableBox {width: 470px;
}
/* 标题行的内边距 */
::v-deep .tableBox th {padding: 3px;
}
/* 内容行的属性 */
::v-deep .tableBox td {padding: 0px !important;text-align: center;
}
/* 边框 */
::v-deep .el-table--border,
.el-table--group {border: 1px solid #8a8a8a;
}
/**
改变表格内竖线颜色*/
::v-deep .el-table--border td,
.el-table--border th,
.el-table__body-wrapper .el-table--border.is-scrolling-left ~ .el-table__fixed {border-right: 1px solid #8a8a8a !important;
}
/**
改变表格内行线颜色*/
::v-deep .el-table td,
.el-table th.is-leaf {border-bottom: 1px solid #8a8a8a;
}
/* 中间线 */
::v-deep .el-table thead tr th {border-color: #8c939d !important;
}
/* 标题行的颜色 */
::v-deep.el-table th.el-table__cell {background-color: #133284 !important;font-size: 14px;font-family: Source Han Sans SC;font-weight: bold;color: #ddf0ff;
}
/* 内容行的颜色 */
::v-deep .el-table,
.el-table__expanded-cell {background-color: transparent;border-radius: 10px;
}
::v-deep .el-table tr {background-color: transparent;color: #e2e6ec;
}
/* 鼠标经过时内容行的颜色 */
::v-deep .el-table tbody tr:hover > td {background-color: transparent !important;
}
::v-deep .el-table--enable-row-transition .el-table__body td,
.el-table .cell {background-color: transparent;
}

设置element表格属性（背景透明，颜色，边框...）相关推荐

设置Layui表格字段的字体颜色
设置Layui表格字段的字体颜色开发工具与关键技术:VS MVC 作者:木林森撰写时间:2019年 7 月 26 日我们在使用layui表格对的时候,经常会有特殊字段需要显示出来,比如金额.状态 ...
设置element表格透明样式
1.element table 表格修改背景为透明并去除边框 .el-table{ /* 表格字体颜色 */ color:white; /* 表格边框颜色 */ /* border: 0.5px s ...
css transparent属性_css 透明颜色transparent的使用
在css中 transparent到底是什么意思呢? transparent 它代表着全透明黑色,即一个类似rgba(0,0,0,0)这样的值. 例如在css属性中定义:background:tran ...
VC设置CEdit控件背景透明、文字背景也透明
开发环境:VC6, a dialog based MFC application. 主界面: 为对话框添加WM_CTLCOLOR消息响应函数: HBRUSH CDDlg::OnCtlColor(CDC ...
鼠标指针经过表格时背景变换颜色
当表格中单元格比较多时,可以在用户鼠标指针经过时把当前行添加背景颜色,使表格内容显得清晰和一目了然,更容易阅读.接下来我们使用鼠标指针经过事件onmouseover和鼠标指针离开事件onmouseou ...
浏览器背景透明颜色图片
优化过的图片 this.list.reduce((item, index) => {return item + index.math + index.chinese + index.englis ...
dw改透明度_div 背景透明度如何设置一个div的背景透明度
本节向大家爱描述一下如何设置DIV背景颜色透明度,opacityOpacity设置或检索透明渐变的开始透明度,Opacity代表透明度等级,可选值从0到100,0代表完全透明,100代表完全不透明.S ...
eclipse设置护眼模式,改变代码颜色,保护视力!!!
[护眼模式设置] 大家都知道eclipse打开之后是全白色的,我个人感觉是非常的刺眼的,所以这对于每天需要使用eclipse的我们来说非常的伤害眼睛,因此我们需要改变一下我们的编辑框的颜色,换成一个自 ...
element 表格背景颜色透明
element 表格背景颜色透明 /deep/ .el-table, .el-table__expanded-cell {background-color: transparent; } /deep/ ...

设置element表格属性（背景透明，颜色，边框...）

设置element表格属性（背景透明，颜色，边框...）相关推荐

最新文章

热门文章