element-ui 组件改变样式

Posted 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 组件改变样式的主要内容,如果未能解决你的问题,请参考以下文章

如何修改element-ui组件的样式

Vue+element-ui 重置组件样式的写法

element-ui默认样式修改

element-ui 的 table 组件 无法设置行高的问题?

Vue.js 可以导入 element-ui 和 Bootstrap 吗?

解决element-ui中table表格row-style改变当前行样式失效问题