vue中修改element ui组件默认样式的两种方式
2020-07-13 04:59
363 查看
vue项目中经常会用到element ui,有时候需要修改默认的样式,比如表格,导航栏等,输入框等等。
可以用以下两种方式修改:
1.给组件加上id或者class,然后添加一个style,不要加scoped(vue可以有多个style),在组件里直接修改
2.外部引入css文件,默认样式会被覆盖
3.利用深度::v-deep深度修改组建的样式,可以直接写在到scoped作用域的style里面。(推荐)
::v-deep .video-play { .vjs-button>.vjs-icon-placeholder:before { border: none } }
相关文章推荐
- 关于vue中修改elementui默认样式的问题
- vue中修改element-ui组件样式的方法
- 关于vue使用element-ui/weui中修改官方的样式
- elementui的默认样式修改方法
- 修改element-ui组件样式
- Vue单页应用引用单独的样式文件的两种方式
- 修改elementui默认样式,例如折叠面板修改,el-collapse-item__wrap
- element 修改下拉选的默认样式
- Vue修改mint-ui默认样式的方法
- 修改状态栏样式的两种方式
- element-ui默认样式修改
- vue中通过修改element-ui的类修改相关组件的样式
- 解决vue中element组件样式修改无效
- 浅谈vue中改elementUI默认样式引发的static与assets的区别
- 如何在vue的scoped样式中修改element-ui的样式
- vue中element组件样式修改无效的解决方法
- vue中element组件样式修改无效
- Vue修改mint-ui默认样式
- 修改elementUI组件样式无效的问题研究
- Vue 中, 修改Iview form表单的默认样式