从Chrome中打开的SELECT元素中删除样式？

Question

Chrome的当前稳定版本（v61）在样式化的select元素中表现出一些不良行为。如果您通过CSS增加元素的字体大小，Chrome 中的“已打开”状态会继承这些增加的字体大小（working example）。

其他浏览器未展示此内容 - 例如Firefox v59 - 并且在Chrome中使样式化的select元素难以使用。

有没有办法在Chrome中select“打开”时从显示的选项中删除样式？使用:focus没有明显效果。

Answer 1

您可以轻松地将font-size元素的option设置回默认的html字体大小：

option {
  font-size: 1rem;
}