選擇標籤樣式

有沒有一種方式來樣式<select>或<option>在css中的標籤？我使用<select>標籤的背景圖像，但問題在於它沒有佔用行高，因此它沒有垂直對齊中間（特別是FF），並且使用填充使得箭頭看起來很醜。我將如何解決這個問題？選擇標籤樣式

2011-09-13 kd7

select標籤爲非常難款式。如果事實上，除了一些非常基本款式，他們幾乎是un-style-able。

原因是瀏覽器不是它的繪圖。它主要由OS處理。

如果你需要更多的控制，你應該用Javascript替換它們。這樣，他們只是一堆可以輕易被CSS操縱的div/spans。

驚人的jQuery plugin called "chosen"基本上是圍繞這個想法。一探究竟。

2011-09-13 04:02:32

這是事實。但仔細閱讀，因爲如果您使用完全以JS編碼的SELECT，您最終會在未啓用它的情況下打破用戶表單。 – ShaneC

但是有很多漂亮的select選項的很好的例子。它們是由js完成的嗎？ – kd7

@ShaneC - 這樣做的方法是從一個簡單的'select'開始。然後，如果啓用了JavaScript，則替換它。事實上，這就是「選擇」的工作方式，但更進一步：即使啓用了JavaScript，select也不會被刪除。它仍然坐在那裏，從視野中隱藏起來，解除了它所有的本土事件。 –

給內聯風格，你會得到。

2011-09-13 04:16:43

回答