2010-02-23 264 views
3

我已經能夠控制選項的寬度等CSS - 下拉菜單(選項,請選擇)

但是,你知道,所選擇的選項被通過使藍色的背景和文本顏色由默認的白色高亮顯示。該藍色背景未覆蓋所選選項的整個寬度。儘管藍色背景覆蓋了整個文本。不過,我希望覆蓋選項的整個寬度。

看到該圖片就知道我的意思:

http://img69.imageshack.us/img69/2752/dropdowno.jpg

這是我如何設置選項的寬度,並選擇

option 
{ 
    width:100px; 
} 
select 
{ 
    width:100px; 
} 

回答

1

我很抱歉地說,大多數瀏覽器不會讓你這樣做;表格仍然非常困難。背景無法擴展其父元素的全部寬度,因爲瀏覽器會考慮元素滾動條的寬度(無論它是否實際存在)。

但是,您可以使用Javascript來呈現替代品,這些替代品可能會被設計爲您心中的內容,並且有很多方法可以實現。如果你使用jQuery,你可能想看看這個compilation of plugins

+0

是的,打我吧;-)這發生在Firefox和已經多年。如果你在Internet Explorer中嘗試它,你不會看到這個問題。 :-) – 2010-02-23 23:53:23

+0

我相信,Safari,Opera和其他瀏覽器也不會這樣(然後人們可能會說IE瀏覽器有這個權利)。 :-) – 2010-02-23 23:54:21