0

ドロップダウン要素でフォームを作成しています。「テキスト入力」フォームと同じように、プレースホルダーのテキストをグレーにして、答えを黒にしたい。

ドロップダウンメニューで回答を別の色にすることができましたが、選択するとプレースホルダーの色に変わります。

私が使用しているコード;

<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>

CSS:

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



.remindmedropdown option { color: gray; }

編集:jsfiddle http://jsfiddle.net/QkYC9/1/

4

2 に答える 2

0

これを試して:

.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-02T22:30:19.000 に答える