chrome（osx）bug：选择tag css border 0

Question

chrome（osx）bug：选择tag css border 0

我想要一个border 0 select标签，所以我将select标签的边框样式设置为0，然后我得到了我想要的东西。 但它的默认插入阴影溢出边框。 （下图显示了chrome中的错误。） 我想保留select标签的所有内容（border = 0），但溢出的阴影除外。 任何人都可以帮助我。

select{border:0;}

Answer 1

试试这个

select{
   -webkit-appearance: none;
   box-shadow: none !important;
}
:-webkit-autofill { 
  color: #fff !important; 
}

select:focus {
  outline: none; 
}