vue样式穿透

在修改antd组件<a-input-password/>的样式时，给标签加上background: transparent样式

发现效果是这样的透明了但没完全透明~
通过f12发现样式只加到了外层的span标签上

发现给下面input标签直接添加样式是可以的
查了一下资料发现修改子组件的样式需要用到deep深度选择器做样式穿透

  <style lang="scss" scoped>
    ::v-deep {
      .ant-input-affix-wrapper > input.ant-input {
        background: transparent !important;
      }
    }
  </style>

这样就生效了