html切换选择项,HTML选择选项元素

原则上，您可以像任何其他元素一样设置option元素的样式。在实践中，特别是在旧版浏览器中存在局限性，并且存在奇怪之处。在现代浏览器中，着色在某种意义上是有效的，正如您可以通过测试看到的那样

option

other option

颜色并不像您想要的那样完美，因为专注于选项会改变其渲染效果。此外，如果出现任何颜色或多种颜色，您将使用什么作为文字颜色来创造足够的对比度？

因此，更好的方法是使用一组复选框或单选按钮(取决于选择的类型)并将彩色框作为颜色样本关联，例如

.colorbox {

display: inline-block;

width: 1em;

height: 1em;

border: solid 1px black;

}

blanche dalmond

white

另一种可能性，在奢侈的情况下，您可以依赖所有拥有现代浏览器的用户，您甚至可以使用HTML5方式：

然而，这在非支持的浏览器上降级很差：对于一个简单的文本输入框，用户需要知道或猜测他必须键入十六进制代码，如#FFEBCD。