Question

在我的网站上css文件我有它所以所有表单输入背景（textareas，下拉等）都有背景颜色黑色属性。

然而，在一个页面上我试图做一个颜色部分下拉菜单，每个选项的背景颜色不同，例如：蓝色

这在打开下拉列表时有效，但是当我选择它时，它不会显示当前所选字段中的背景颜色。我不确定CSS是覆盖它还是什么。

任何人都知道如何绕过这个？（试图尽我所能解释）

这是在我的css文件中：

input,textarea,input,select,input,checkbox {
font-size:12px;
font-family:Verdana,Arial,Helvetica,sans-serif;
color:#98925C;
background-color:#000;
border:1px solid #413E22
}

和我在html页面上使用的代码来制作表格：

<select size="1" name="color">
<option value=blue style='background-color:blue'>blue</option>
<option value=red style='background-color:red'>red</option>
</select>

等

Answer 1

当<select>打开时，您会看到<option>元素及其各自的背景颜色。当您选择一个选项时，<select>元素将关闭其选项，让您只查看<select>元素。有意义的是<option>背景颜色不会影响已关闭的<select>元素。

话虽如此，这看起来像是一个解决方案：

<select onChange="this.style.backgroundColor=this.options[this.selectedIndex].style.backgroundColor">

css表格下拉列表问题

1 个答案: