element改样式 element改样式

el-table

// 表格左右无空白 .el-table .cell { padding-left: 0px; padding-right: 0px; } // 表格的行高 .el-table tr { height: 49px; } // 表格滑过的效果改变，将颜色改为白色，掩盖了效果，不可将颜色改为none .el-table--enable-row-hover .el-table__body tr:hover>td { background-color: #ffffff; }

el-input框

//input框的高度及行高 .el-input--medium .el-input__inner { height: 23px; line-height: 23px; } .el-input--mini .el-input__inner { height: 23px; line-height: 23px; }

el-select框

// 宽度 .el-select .el-input__inner { width: 100px; }

文章图片

el-color-picker颜色选择器

// 控制其宽高 .el-color-picker--mini .el-color-picker__trigger { width: 39px; height: 28px; }

文章图片

el-checkbox

// 颜色选择器的颜色 .el-checkbox__input.is-checked .el-checkbox__inner { background-color: #409EFF; border-color: #409EFF; } // 被选中项文字颜色 .el-checkbox__input.is-checked+.el-checkbox__label { color: #6b6767; }

【element改样式】

文章图片

el-collapse-item 折叠面板

.el-collapse { border-top: none!important; border-bottom: none!important; } .el-collapse-item__header { border-bottom: none!important; } .el-collapse-item__wrap { border-bottom: none!important; } // 控制折叠面板箭头的位置 .el-collapse-item__arrow { margin: 0 8px 0!important; }