问题原因
- scoped :当 style标签有 scoped 属性时,会对组件内的元素加上一个类似于data-v-v3v4的独特标签,组件内的样式只会对带有这个标签的dom元素生效,因此加上scoped后,scoped属性可以避免组件之间的样式污染。
- 深度选择器有 >>> /deep/ ::v-deep 三种,在less或sass等预处理器下无法正确识别 >>>,所以我一般使用 /deep/ ,如果/deep/ 不行可以试试 ::v-deep。
解决方案
<style scoped lang="scss">
.a{
/deep/ .el-input {
border-radius: 50px;
font-size: 14px;
height: 30px;
}
}
</style>