<select>标签上不同的浏览器行为

Question

问题

当选择菜单选项时，我想要消除滑动动画。

背景

所有这些都记录在OS X Yosemite上：

• 铬 (在选择选项时没有滑动动画)
• Safari (在选择选项时有滑动动画)
• Firefox (完全不同的风格和行为)

当选择选择菜单选项时，是什么导致浏览器行为不同(样式、选择动画)？

它似乎不是浏览器的用户代理样式表--我尝试使用铬源中Chrome的默认用户代理样式表覆盖Safari的用户代理样式表，但这并没有改变Safari的行为。

Answer 1

问题是，这些浏览器的供应商不同，它们实现每个元素的方式不同，CSS也不同，您需要添加CSS供应商前缀来应用CSS样式表。但并不是每个浏览器都支持所有CSS属性。您可以从这里获得受支持的属性列表。这就是为什么每个浏览器表现出不同的行为。