2011-09-23 98 views
1

在我的网站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> 

+2

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

+0

我想你会需要这个javascript。 –

+0

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

回答

1

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

话虽这么说,这看起来像一个解决方案:

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

哦,我明白了,是否有作弊呢? – user961882

+0

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

+0

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