【css】修改第三方组件样式不生效（深度选择器 ＞＞＞ /deep/ ::v-deep）

问题原因

• 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>