如何在所有瀏覽器中自訂選擇元素的箭頭樣式？

自訂選擇元素中的箭頭樣式

為了增強選擇元素的美觀性，請嘗試取代預設箭頭帶有自訂影像。儘管在 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中文網其他相關文章！