使用elementUI样式不改变
最近在公司做项目使用elementUI发现样式不可随意的按照自己的需求改变,看了网上的做法也是不行
后来请教了公司同事,说是要用强权样式 具体解决问题如下
-
例如这个input边框 他的高度不可变 解决方法就是右键检查属相 找到对应样式类 更能该其css代码
-
更改如下
- 得到想要的样式后赋值css代码
```css
<style lang="css">
.el-input__inner {
-webkit-appearance: none;
background-color: #fff;
background-image: none;
border-radius: 4px;
border: 1px solid #dcdfe6;
box-sizing: border-box;
color: #606266;
display: inline-block;
font-size: inherit;
height: 140px;
line-height: 40px;
outline: none;
padding: 0 15px;
transition: border-color .2s cubic-bezier(.645,.045,.355,1);
width: 100%;
}
</style>
- 把它写在页面对应vue文件下 就可以改变样式了
**
- 不过这样有一个隐患 在其他页面调用时会失效,所以我么你可以改成这样,使用强权样式 这样就能解决问提了!
**
**
- 对于这个方法样式的改变我也不太会用 不足之处还请大神多多指教 如果能评论出来就更好了
**