element-ui 组件改变样式

Posted 2021-03-05 serahuli

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了element-ui 组件改变样式相关的知识，希望对你有一定的参考价值。

title: element-ui 组件改变样式
date: 2020-03-18 11:45:55
tags: elementUI

elementUI 是第三方组件库，样式修改需要借助样式穿透

.block/deep/.el-pagination
  margin: 20px auto
  text-align: center

/deep/.el-button
  width: 50px

/deep/.el-input__inner {
    width: 230px !important;
    height: 30px;
}

/deep/.select-box .el-input {
    height: 32px;
}

以上是关于element-ui 组件改变样式的主要内容，如果未能解决你的问题，请参考以下文章