我一直在想办法从仅使用 CSS 的选择输入中设置默认选项标签的样式。似乎选项标签支持的 CSS 非常少。有谁知道是否有任何解决方法可以对选择输入中的选项进行样式设置，例如：更改边框和颜色，在项目之间放置空间，更改默认选择的颜色，即蓝色。任何想法将不胜感激。谢谢
【问题讨论】：
标签： html css select sass option
设置<select> 标记而不是<option> 标记的样式，您可以通过将以下内容粘贴到您的代码中来查看这一点，您可以在此处查看更多信息：https://www.w3schools.com/howto/howto_custom_select.asp
select{
color: #fff;
background-color:red;
border:none;
border-radius: 0.5em;
padding: 2em;
}
根据用户的要求进行编辑以定制规格：
实现这一点的一种方法是在<option> 标记内指定一个属性，它实际上可以是“任何东西”，但有一些属性如selected 是为系统保留的，所以请确保您如果您要在表单上使用它，则不会在所有内容上使用 selected。
使用以下 CSS
option{
color: red;
}
[selected]{
font-weight: 900;
color: Green;
background-color: pink;
}
[anything]{
color: blue;
background-color: yellow;
}
用下面的Html
<body>
<h1>The option element</h1>
<label for="cars">Choose a car:</label>
<select id="cars">
<option selected value="volvo">Volvo</option>
<option anything value="saab">Saab</option>
<option value="opel">Opel</option>
<option value="audi">Audi</option>
</select>
</body>
希望能解决！
【讨论】：