element-ui,iview组件样式修改,框架自带样式修改,/deep/击穿

项目中经常要修改框架自带的样式,但是写style,却没有效果

方法一:给组件加id / class,在style一面直接修改,注意style不要加scoped,vue可以有多个style
结构:


样式:


效果:
element-ui,iview组件样式修改,框架自带样式修改,/deep/击穿_第1张图片
方法二:
利用深度/deep/深度修改组建的样式,可以直接写在到scoped作用域的style里面。(推荐)
结构:

    

样式:


关于/deep/,一张图看懂:
element-ui,iview组件样式修改,框架自带样式修改,/deep/击穿_第2张图片
看效果:
element-ui,iview组件样式修改,框架自带样式修改,/deep/击穿_第3张图片

你可能感兴趣的:(项目实战)