Html 使用CSS设置默认下拉选项的样式
我一直在想一种方法，只使用CSS从select input设置默认选项标记的样式。看起来选项标签支持的CSS非常少。是否有人知道是否有任何从选择输入中设置选项样式的方法，例如：更改边框和颜色、在项目之间留出空间、更改默认的选定颜色（蓝色）。如果您有任何想法，我们将不胜感激。感谢您将Html 使用CSS设置默认下拉选项的样式,html,css,select,sass,option,Html,Css,Select,Sass,Option,我一直在想一种方法，只使用CSS从select input设置默认选项标记的样式。看起来选项标签支持的CSS非常少。是否有人知道是否有任何从选择输入中设置选项样式的方法，例如：更改边框和颜色、在项目之间留出空间、更改默认的选定颜色（蓝色）。如果您有任何想法，我们将不胜感激。感谢您将标记改为标记，您可以通过在代码上粘贴以下内容来查看此内容，您可以在此处查看更多信息： 编辑以定制用户要求的规格： 实现这一点的一种方法是在标记内指定一个属性，它实际上可以是“任何”属性，但有些属性（如选定的）是为系统
编辑以定制用户要求的规格： 实现这一点的一种方法是在
选定的option{
color: red;
}
[selected]{
font-weight: 900;
color: Green;
background-color: pink;
}
[anything]{
color: blue;
background-color: yellow;
}
<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>
选项元素
选择一辆车：
沃尔沃汽车
萨博
欧宝
奥迪
编辑以定制用户要求的规格： 实现这一点的一种方法是在
选定的option{
color: red;
}
[selected]{
font-weight: 900;
color: Green;
background-color: pink;
}
[anything]{
color: blue;
background-color: yellow;
}
<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>
选项元素
选择一辆车：
沃尔沃汽车
萨博
欧宝
奥迪
我希望这能解决它 根据您所使用的框架，有许多插件可以通过将HTML div/list转换为CSS/JS来为您的选择提供大量的样式化功能。我只需要使用HTML和CSS，我知道使用bootstrap或其他框架会很有用。我只是想知道是否有可能只使用纯html和css来实现这一点。我以前看过这些链接，但没有说，我如何更改默认选择的颜色，默认为蓝色，或者边框是否可以调整…取决于您使用的框架，有很多插件可以通过CSS/JS将HTML div/list转换为HTML div/list，从而为您的选择提供大量的样式化功能。我只需要使用HTML和CSS，我知道使用bootstrap之类的框架或其他框架会很有好处。我只是想知道是否有可能做到这一点纯html和css只。我似乎这些链接之前，但没有说，我如何才能改变默认选择的颜色，这是蓝色的默认或边框可以调整或不…谢谢你的信息。有这么多好的例子如何样式选择标记，但这不是我要找的。我必须样式的选项标签，特别是默认选择蓝色和周围的边框…检查我的更新上面！虽然，我仍然无法从所选项目中删除默认的蓝色，但我要说的是，您的工作很好，，，，谢谢您提供的信息。有这么多好的例子如何样式选择标记，但这不是我要找的。我必须样式的选项标签，特别是默认选择蓝色和周围的边框…检查我的更新上面！虽然，我仍然无法从所选项目中删除默认的蓝色，但我想说的是，您的工作很好，，，，