在我的网站 css 文件中，所有表单输入背景(文本区域、下拉菜单等)都具有黑色背景色属性。
但是在一个页面上我试图做一个颜色部分下拉菜单，每个选项的背景都是不同的颜色，例如:蓝色
这有效，当下拉菜单打开时，但当我选择它时，它不会在当前选定的字段中显示背景颜色。我不确定是 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>
等等
最佳答案
当 <select>打开时，您会看到 <option>元素及其各自的背景颜色。当您选择一个选项时，<select>元素关闭它的选项，让你只看 <select>元素。 <option> 是有道理的背景颜色不影响关闭<select>元素。
话虽如此，这看起来像是一个解决方案:
<select onChange="this.style.backgroundColor=this.options[this.selectedIndex].style.backgroundColor">
关于css表单下拉列表问题，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/7534211/