css - css - 下拉（选项，选择）

Question

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

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

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

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

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

score 1 · Accepted Answer

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

但是，您可以使用 Javascript 来呈现可能适合您的内容样式的替换，并且有很多方法可以做到这一点。如果您使用的是 jQuery，您可能需要查看这个plugins 的编译。

1 回答 1