element样式还是蛮好的,只是有时候我们需要做一些调整,比如,el-input 的边框,官网是这样子的
我们需要这样子的
然后我们常规操作,**border: none;**或者 border: 0; 发现行不通,哈哈哈哈哈
tip:将border属性设成0,虽然边框不见了,但是浏览器依然会对border-width和border-color进行渲染,会占用浏览器的资源。将border设置成none,浏览器就不会做出渲染动作。
然后就就,就发现个好东西,>>>, >>> 是vue的深度选择器,vue引用了第三方组件,需要在组件中局部修改第三方组件的样式,而又不想去除scoped属性造成组件之间的样式污染。此时只能通过**>>>**,穿透scoped。
tip:无任何依赖时,纯css写**>>>**是无效果哒
那我们来看一下怎么操作这个 >>> ,要注意这里是 父级>>>el-input ,必须是这样,否则没有效果
<div class="