2010-02-23 213 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