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


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

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

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

解決辦法:

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

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

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

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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM