Ant design Vue3 的 select 组件鼠标移入时 css样式 怎么改?

Question

<a-select> 省略</a-select>
//  更改border有效
  :deep(.ant-select-selector){
    background-color:rgba(255, 255, 255, 0)!important;
    border: 0;
  }
// 但是鼠标移入时,   又出现 border,   还出现了 box-shadow
 怎么去除这个样式, 

官网  (https://www.antdv.com/components/overview-cn)

Answer 1

.ant-select :deep(.ant-select-selector) {
  background-color: rgba(255, 255, 255, 0) !important;
  border: 0 !important;
}
.ant-select-focused.ant-select :deep(.ant-select-selector) {
  background-color: rgba(255, 255, 255, 0) !important;
  border: 0 !important;
  box-shadow: none !important;
}