CSS：为什么Safari中存在一些奇怪的东西？

Question

有没有人知道如何删除灰色图层（cf the picture 在Safari？ Chrome中没有此类问题。

结构如下：

<div class="class1">
   <div class="class2">
      <select>
        ...
      </select>
   </div>
</div>
.class1 {border: solid 1px #...; background-color:white; border-radius:50%; ...}
.class2 {background: 0 0; border:none; ... }

我认为应该在class2样式中添加一些内容来删除灰色层。

Answer 1

尝试将appearance: none;添加到select。

认为这可能是问题