如何更換HTML <select>元素上的箭頭按鈕

Question

用不同的下拉列表替換箭頭圖像的最佳方式是什麼？

Answer 1

你不能。它由操作系統呈現，而不是HTML。

您需要使用DIV編寫/使用HTML/CSS SELECT replacement。

Answer 2

多一點信息會很好。我只能推測你試圖設計一個html-<select> -box？如果是的話：你不能真的取代那個圖像。

但是：你可以自己構建類似的東西來代替它 - 或者，如果你使用jquery-ui，this看起來非常棒。

Answer 3

將選擇包裝在DIV中並給它一個類。 這個DIV的類應該有一個背景圖像（你的箭頭）加上高度和寬度來覆蓋選擇的大小。

然後添加一個類到你的選擇，然後在你的CSS你需要做一些事情，讓瀏覽器高興。對於select，高度，寬度，填充，顏色，字體，邊距和邊框都是可選的，但您需要將選擇透明背景並添加-webkit-appearance：none和-moz-appearance：none以保持默認瀏覽器出現箭頭。