使用css自定义选择框在不同的浏览器中表现不同？

Question

我已经自定义了HTML选择框，看起来像这样

但它在不同浏览器中的表现方式不同。在Mozilla它工作正常。但是在IE和Chrome中它没有显示，因为它在Mozilla中显示。

即使选项边框也无法正常显示。

请帮帮我。

这是 jsfiddle

Answer 1

许多内容在不同的浏览器中呈现不同。虽然情况越来越好，但跨浏览器测试仍然占据了任何Web开发人员角色的很大一部分。

表单元素特别难以有效地设计风格，因为它们的视觉外观由底层操作系统和浏览器控制。

要在浏览器中一致地设置选择框的样式，您需要使用类似Uniform的内容（需要jQuery）