css表单下拉列表问题

在我的网站css文件我有它，所以形式输入背景（textareas，下拉等）有一个背景颜色黑色属性。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网页上的代码IM使窗体：

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

等

来源

2011-09-23 user961882

像往常一样，我们强烈建议您向我们展示你的一些代码，所以我们可以更好地帮助你找出问题。重新发明轮子是没有意义的，如果这只是一个简单的改变，让你的代码工作！ –

我想你会需要这个javascript。 –

一个http://jsfiddle.net也会有帮助。 –

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

话虽这么说，这看起来像一个解决方案：

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

来源

2011-09-23 20:11:51

哦，我明白了，是否有作弊呢？ – user961882

您可以使用javascript;我编辑了我的答案。也许这会使你朝着正确的方向前进。 –

工作完美，非常感谢。 – user961882

css表单下拉列表问题

回答

相关问题