css - 下拉（选项，选择）

Question

我已经能够控制选项的宽度等。

但是，您知道默认情况下，通过将背景设为蓝色和文本颜色设为白色，所选选项会突出显示。该蓝色背景未覆盖所选选项的整个宽度。蓝色背景覆盖了整个文本。但是，我希望它覆盖选项的整个宽度。

看这张图就知道我的意思了：

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

这就是我设置选项宽度并选择的方式

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

Answer 1

很抱歉，大多数浏览器不允许您这样做；形式仍然很难设计。背景不能扩展其父元素的整个宽度，因为浏览器会考虑元素滚动条的宽度（不管它是否实际存在）。

但是，您可以使用 Javascript 来呈现可根据您的喜好设置样式的替换，并且有很多方法可以做到这一点。如果您使用的是 jQuery，您可能需要查看此 compilation of plugins。