vue中通过修改element-ui的类修改相关组件的样式
2018-01-25 10:41
1261 查看
可以在App.vue中的style中修改element-ui的样式。
注意:一定要在属性值后面加上 !important 使自己定义的css样式处于权重最高,不加的话在本地调试的时候是没有问题的,不过在项目打包后放到服务器上时,自己定义的样式会因为优先级的问题被element-ui原有样式覆盖!!!!!
.el-menu{ width:160px !important; }
注意:一定要在属性值后面加上 !important 使自己定义的css样式处于权重最高,不加的话在本地调试的时候是没有问题的,不过在项目打包后放到服务器上时,自己定义的样式会因为优先级的问题被element-ui原有样式覆盖!!!!!
相关文章推荐
- vue中element组件样式修改无效
- vue中element组件样式修改无效的解决方法
- Vue + Element UI 实现权限管理系统 前端篇(七):功能组件封装
- vue+elementui+select选择后如果弹框怎样修改为旧值
- vue elementui el-upload组件 input type=file坑重新选择同一文件时不再显示
- 浅谈vue中改elementUI默认样式引发的static与assets的区别
- vue全家桶+element-UI搭建后台管理系统(2)“:引入基本样式和图标库”
- Vue修改组件样式问题
- VUE2.0+Element-UI+Echarts封装的组件
- vue里面父组件修改子组件样式的方法
- 在vue项目中使用element-ui的Upload上传组件的示例
- Vue系列: 如何通过组件的属性props设置样式
- vue2.0 使用element-ui里的upload组件实现图片预览效果方法
- elementui的默认样式修改方法
- vue-cli结合Element-ui基于cropper.js封装vue实现图片裁剪组件功能
- vue2.0 使用element-ui里的upload组件实现多图上传。采用FORMDATA的方式上传。
- Vue系列: 如何通过组件的属性props设置样式
- 利用vue+elementUI实现部分引入组件的方法详解
- vue开发中,父组件添加scoped之后。解决在父组件中无法修改子组件样式问题。
- VUE 使用新版本 element-ui 组件库 Select 组件时, value 值为对象时的 BUG 处理