element-ui默认样式修改
2018-08-03 21:28
615 查看
我们在使用element-ui的时候经常会遇到需要修改组件默认样式。
我目前知道的有两种方法:
1.通过创建一个css文件,然后在某一个组件中引用,css文件中使用和组件样式一样的命名,这样组件的默认样式就会被覆盖。
2.使用 /deep/
[code].homePage /deep/ .el-main { padding: 0; }
.homePage为我们要修改组件类名的父级组件样式类名。。即使定义一个空的类名也没事。
.el-main为我们要修改组件的样式。
阅读更多相关文章推荐
- elementui的默认样式修改方法
- 浅谈vue中改elementUI默认样式引发的static与assets的区别
- Vue修改mint-ui默认样式
- element-ui 表格样式修改
- vue中通过修改element-ui的类修改相关组件的样式
- Vue修改mint-ui默认样式的方法
- bootstrap默认样式修改
- 修改webkit默认样式及定制漂亮的表单
- 修改mint-ui中组件的样式
- Word2010中快速修改默认样式
- Android中如何修改SeekBar的默认样式
- 修改select的默认样式
- 移动端网页修改滚动条样式使滚动条默认显示
- 关于struts2 select标签默认样式的修改
- 仿element-ui改造file类型input框的默认CSS
- elementui的默认样式修改
- 如何修改element.style样式
- 使用NetBeans开发Java桌面应用程序时修改应用的UI样式为Windows
- 如何修改element.style内联样式;