我想獲得一個<select>
元素,其中每個<option>
都標有一個圖標。選項上的背景圖像
我可以通過施加背景圖像到具有每個圖標與一個選項重合<select>
實現這一點使用<select size="5">
,但是,關於<option>
的高度強烈依賴是可預測的(這是不)。
我可以將不同的背景顏色應用於不同的選項,爲什麼不使用背景圖片?
實際上,這個問題可以擴展爲涵蓋「<option>
標籤上哪些樣式屬性可以和不能使用?」。
我想獲得一個<select>
元素,其中每個<option>
都標有一個圖標。選項上的背景圖像
我可以通過施加背景圖像到具有每個圖標與一個選項重合<select>
實現這一點使用<select size="5">
,但是,關於<option>
的高度強烈依賴是可預測的(這是不)。
我可以將不同的背景顏色應用於不同的選項,爲什麼不使用背景圖片?
實際上,這個問題可以擴展爲涵蓋「<option>
標籤上哪些樣式屬性可以和不能使用?」。
您無法可靠地在不同瀏覽器中設計類似的元素;其中一些將允許你插入背景等,有些不會。
如果您希望保證跨瀏覽器兼容性,唯一的方法是使用自定義小部件而不是<select>
元素。
如果您確定兼容性有限,請說明您的目標瀏覽器。
不幸的是,您不能將圖像添加到選項標籤,因爲它們只支持文本。實現您想要的效果的唯一方法是使用javascript/jquery製作您自己的「選擇」
Argh。我討厭造型'
我認爲'
[醜陋的黑客](http://jsfiddle.net/userdude/tZUbE/)?嘿heheheheh。 ([Regular size](http://jsfiddle.net/userdude/tZUbE/1/)),但請注意,如果您選擇的選項的大小不超過一個,則看不到「選項」。毫無疑問,它只適用於Firefox。) –