在窗体中更改下拉框占位符的颜色

<select class="remindmedropdown"> <option value="0" selected disabled>QUESTION</option> <option value="1">Answer 1</option> <option value="2">Answer 2</option> <option value="3">Answer 3</option> </select>

.remindmedropdown { width: 240px; height: 40px; background-color: #FFF; padding: 10px; margin-right: 30px; outline-color:#A7D5E4; color:#990000; } .remindmedropdown option { color: gray; }

试试这个：

.remindmedropdown option:checked { color: gray; }

对于使用JavaScript动态变化：

<select id="selection" class="remindmedropdown" onchange="colorSet()"> 
... 
</select> 

<script> 
function colorSet(){ 
    document.getElementById('selection').style.color="black"; 
} 
</script>

来源

2013-05-02 22:30:19

理论上这应该起作用。另见：http://stackoverflow.com/questions/8619406/css-selected-pseudo-class-similar-to-checked-but-for-for-select-elements – Mike 2013-05-02 22:32:39

我不知道为什么，但它不'工作？ – JamesM 2013-05-02 22:38:29

对于下拉式关闭检查迈克在评论中的链接。 – 2013-05-02 22:39:25

这个脚本添加到您的网页：

<script type="text/javascript"> 
    function changeColor(dropdownList){ 
     if (dropdownList.value > 0) { 
      dropdownList.style.color = 'black'; 
     } 
    }  
</script>

然后，你想用它在任何下拉列表中，增加一个参考“changeColor”功能是这样的：

<select class="remindmedropdown" onChange="changeColor(this)">

的脚本元素应该在您的文档中的<head>和</head>之间

来源

2013-05-02 23:24:26 jamauss

这是我的答案。 – 2013-05-02 23:25:48

我的作品适用于任何select元素，而不仅仅是一个ID为'selection'的作品。我没有复制你的代码，对不起。您也没有检查代码中的

在窗体中更改下拉框占位符的颜色

回答