我有以下的HTML代码:如何更改选定选项中的字体颜色?
<div class="register_account">
<form>
<select>
<option value="null">Select a Country</option>
<option value="AX">Åland Islands</option>
<option value="AF">Afghanistan</option>
<option value="AL">Albania</option>
<option value="DZ">Algeria</option>
</select>
</form>
</div>
和CSS代码:
.register_account
{
background: #0023C4;
width:62%;
padding:1.5%;
}
.register_account form select
{
width:100%;
font-size:0.8em;
color:#000;
padding:8px;
margin:5px 0;
background: none;
border: 1px solid #fff !important;
}
现在我想改变的“选择国家”,并在“选中”选项的文本颜色形成。
P.S.示例如下:http://jsfiddle.net/V7C6w/。
编辑:
一个可能的解决方案来解决这个问题可能是:
.register_account
{
background: #0023C4;
width:62%;
padding:1.5%;
}
.register_account form select
{
width:100%;
font-size:0.8em;
color:#fff;
padding:8px;
margin:5px 0;
background: #0023C4;
border: 1px solid #fff !important;
}
证明自己:http://jsfiddle.net/V7C6w/9/
可能重复[所选选项的变化颜色 - jQuery的] (http://stackoverflow.com/questions/21159032/change-color-of-option-selected-jquery) –
可能重复的[CSS:选定的伪类似于:已选中,但用于