element-ui表格table、抽屉drawer涉及的部分样式修改

//表格//element-ui的table改变选中行背景色

/deep/.el-table__body tr.current-row > td {
    background-color: #F0F7FF !important; 
}

//表格//element-ui的table改变偶数行背景色

/deep/.el-table--striped .el-table__body tr.el-table__row--striped td{
    // background: #F5F7FA;
}

//表格//解决element-ui的table表格控件表头与内容列不对齐问题

.el-table th.gutter {

    display: table-cell!important;

}

//抽屉//element-ui的drawer固定底部按钮

/deep/ .el-drawer__body{

    overflow-y: scroll;

    margin-bottom: 50px;

}

.demo-drawer__footer{

  width: 100%;

  position: absolute;

  bottom: 0;

  left: 0;

  border-top: 1px solid #e8e8e8;

  padding: 10px 16px;

  text-align: right;

  background-color: white;

}

//抽屉//去掉element-ui的drawer标题选中状态

/deep/ :focus{

  outline:0;

}

 

你可能感兴趣的:(HTML,VUE)