删除Chrome中打开的选择元素中的样式？

Question

当前稳定版本的Chrome (v61)显示了一些不受欢迎的行为与样式的select元素。如果通过CSS增加元素的字体大小，它在Chrome中的“打开”状态也会继承这些增加的字体大小(工作实例)。

其他浏览器- e.g. Firefox没有展示这一点--这使得Chrome中的样式化select元素难以使用。

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

Answer 1

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

option {
  font-size: 1rem;
}