如何在所有浏览器中自定义选择元素的箭头样式？

自定义选择元素中的箭头样式

为了增强选择元素的美观性，尝试替换默认箭头带有自定义图像。尽管在 Chrome 中取得了成功，Firefox 和 IE9 却表现出不一致。

要解决这些问题：

1. 跨浏览器兼容性：

   为了确保所有主流浏览器的行为一致，可以使用以下代码合并：

   .styled-select select {
       -moz-appearance:none; /* Firefox */
       -webkit-appearance:none; /* Safari and Chrome */
       appearance:none;
   }

   登录后复制

2. Firefox Quirks（版本 35 之前）：

   版本 35 之前的 Firefox 不完全支持自定义箭头样式对于选择的元素。可以在这里找到解决方法：[JSfiddle](https://jsfiddle.net/e622m/)

以上是如何在所有浏览器中自定义选择元素的箭头样式？的详细内容。更多信息请关注PHP中文网其他相关文章！