更改<select>的背景颜色

时间:2017-12-05 18:23:43

标签: javascript html css

我不明白为什么以下内容不会改变选择的背景颜色。它可能很简单,但我无法看到它。我在Chrome和Opera浏览器中使用Notepad ++编辑器。 &lt;!DOCTYPE html&gt; &lt; html lang =&#34; en&#34;&gt;   &LT; HEAD&GT;     &lt; meta charset =&#34; UTF-8&#34;&gt;     &LT;标题&GT;调试和LT; /标题&GT;     &lt; style&gt;         选择 {           background-color:#FF0000;         }     &LT; /风格&GT;     &LT;脚本&GT;       function myFunction(){         document.getElementById(&#39; slct&#39;)。style.backgroundColor = #FFFFFF;       }     &LT; /脚本&GT;   &LT; /头&GT;   &LT;身体GT;     &lt; select id =&#34; slct&#34;&gt;       &LT;选项&GT;选择与LT; /选项&GT;       &lt; option&gt;第一选择&lt; /选项&gt;       &lt; option&gt;第二选择&lt; /选项&gt;     &LT; /选择&GT;     &lt; input type =&#34; button&#34;的onclick =&#34; myFunction的()&#34; value =&#34;点击我!&#34;&gt;   &LT; /体&GT; &LT; / HTML&GT;

1 个答案:

答案 0 :(得分:4)

检查浏览器的控制台,可能会出现错误。 背景颜色值必须在引号中。

document.getElementById('slct').style.backgroundColor = "#FFFFFF";