vue中修改elementui样式

在vue中使用elementui时会遇到很多问题，修改样式是其中比较麻烦的一点，很多时候修改样式会遇到各种各样的问题，比如说权重不够的情况，也有时候加了 !important 之后也没有变化，这时候就要考虑是不是遇到其他问题了

就比如修改这个下拉列表框的宽度时，无论是加class 还是就加 id 甚至加入 important 都无法该变它的样式，这种情况下应该是因为你的vue页面的style 标签中加入了 scoped 这个属性会使样式不影响当前页面之外的元素，而使用elementui中的组件时，修改样式需要影响其他页面的元素，所以需要将这个属性去掉，才会改变这个元素的样式

而不添加 scoped 也可能会导致样式重叠等情况，所以需要个人在使用elementui时注意一下