修改elementui 的默认样式element.style样式

我们在修改elementui 样式的时候，

如果是element.style样式：

我们怎么修改 style里面的值，页面上的样式都不会被改变，

当你用f12查看结构样式时，会发现里面只有 element.style的值，无法修改。

其实element.style是一种内联样式。我们找到这个代码的原本类名。要用!important才能修改。

需求：

每页显示条数下拉框下边距调整成与上边距一致

修改前（默认值是错开的。上下宽度不同）：

 

修改后（上下一样宽了）：

 代码：要用!important才行

.el-select-dropdown{
  min-width: 100px !important;
}

可以看到这个分页组件的页数下拉页表的样式看不见类名：

 

 

 默认值是：

element.style {
    min-width: 110px;
}