css解決select下拉表單option高度的辦法

標籤：

css在給select下拉表單設定樣式如邊框時可以輕鬆搞定，而我們在不喜歡其預設的下拉式箭頭的樣式時試圖通過background:url(圖片路徑)來修改之，則往往會出現瀏覽器的相容性問題，在網上查了好多資料，最好的解決辦法也是大神們用js來類比下拉表單。額~，好吧，暫且就按照大神們的辦法來解決這個問題吧。

下邊來說說css如何解決select的option高度的？

有時我們在設定了select的高度後，發現其option的高度還是預設的高度，跟我們設定的select的高度大相徑庭，很顯然，這不是我們想要的。筆者也在網上查了資料，貌似沒有查到出現這個問題的原因，如果有高手知曉，還請不吝賜教。那麼要想使option的高度達到我們想要的效果該如何?呢？廢話不多說，其實很簡單。

解決辦法：

直接設定option的上下內邊距即可，即padding-top和padding-bottom。

哈哈。。。  是不是很簡單，趕快去試試吧。

至於如何設定當滑鼠經過option時的背景顏色，筆者還在進一步的探索中，如果有高手知曉，還請不吝賜教。

以上解決辦法，高手請飄過~~

css解決select下拉表單option高度的辦法