Question

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

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

请参阅此图片以了解我的意思：

这就是我设置选项宽度的方法，然后选择

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

Answer 1

我很遗憾地说大多数浏览器都不允许你这样做;形式仍然很难风格。背景不能扩展其父元素的整个宽度，因为浏览器会考虑元素滚动条的宽度（无论它是否实际存在）。

然而，您可以使用Javascript来呈现可能根据您的内容设计样式的替换，并且有很多方法可以执行此操作。如果您使用的是jQuery，可能需要查看此compilation of plugins。