2014-01-25 88 views
3

我有以下的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/

+0

可能重复[所选选项的变化颜色 - jQuery的] (http://stackoverflow.com/questions/21159032/change-color-of-option-selected-jquery) –

+0

可能重复的[CSS:选定的伪类似于:已选中,但用于