84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
vue 文件中的关键代码差不多就下面这样
浏览器中渲染出来的 html
但是编译出来的 style不知道为什么选择器被修改了，加了个属性选择器。
我试了下，只要是写在 vue文件中的样式，编译出来都会加一个属性选择器。这怎么搞？意思是 Element-UI 只能大概定制一下主题，不能改太细节的东西？
ps:好吧，应该是我自己搭的框架有问题，我的锅。因为我用 Element-UI 推荐的项目模板『element-starter』就没问题。但还是想问下为什么会这样
认证0级讲师
肯定的一点是可以修改，你肯定是方法不对或者样式优先级没有element定义的高
楼主想覆盖element的样式的话，个人有那么几点建议：
通用样式的覆盖，比如基色或者element组件通用样式修改，可以放在一个css文件（或者是scss等）,在main.js中import。element也提供了自定义主题的方式
main.js
import
非通用样式，业务组件的样式覆盖可以考虑在vue单文件组件中覆盖，此时需要注意，涉及到选择器优先级的问题，部分样式需要使用style的全局样式（即不加scoped）,使用全局样式的时候尽量添加业务组件的根组件选择器，以免影响其他组件中对element组件的样式。
可以但是必须优先级要高
看错了，，，
肯定的一点是可以修改，你肯定是方法不对或者样式优先级没有element定义的高
楼主想覆盖element的样式的话，个人有那么几点建议：
通用样式的覆盖，比如基色或者element组件通用样式修改，可以放在一个css文件（或者是scss等）,在
main.js中import。element也提供了自定义主题的方式非通用样式，业务组件的样式覆盖可以考虑在vue单文件组件中覆盖，此时需要注意，涉及到选择器优先级的问题，部分样式需要使用style的全局样式（即不加scoped）,使用全局样式的时候尽量添加业务组件的根组件选择器，以免影响其他组件中对element组件的样式。
可以但是必须优先级要高
看错了，，，