欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

修改elementui默认样式

程序员文章站 2022-06-01 11:03:38
...

修改elementui默认样式

需要更改的组件里新增一个style标签 ,(注意:不要加scoped ,否则无法覆盖ele-ui的原有样式),然后通过审查元素获取class,再重新设置样式

最好在获取到的样式里加上能限制范围的父层选择器,不然就变成全局样式
修改elementui默认样式

.el-form-item__label

<style lang="scss">
@import '../../styles/custom-menu.scss';
  .menu-form .el-form-item__label {
      text-align: left!important;
      font-size: 20px!important;
      color: #000!important;
      font-weight: normal!important;
}
</style>