css - 如何将样式分配给 SELECTED 属性？

Question

HTML:

<div class="col5">
    <a href="#">DOMINICAN</a><br><br>
    <div class="img"><a href="#"><img src="images/prod01.jpg" alt=""></a></div>
    <div class="selectransfer">
        <span class="opensans size13"><b>Type of Transfer</b></span>
        <select class="form-control mySelectBoxClass">
            <option>Round Trip</option>
            <option>One Way Arrival</option>
            <option selected>One Way Departure</option>
        </select>
    </div>
</div>

我想要的是将“selected”选项(Round Trip)左对齐，我希望能够控制这个属性(selected)。

有什么建议吗？

Answer 1

我不明白你到底想改变什么(一旦选项左对齐)，但你可以通过这种方式控制这个元素:

option[selected] {
    color: blue;
}

如果你想控制当前选中的选项，你可以使用这个:

option:checked {
    color: red;
}

JSFiddle:http://jsfiddle.net/9njpjdy0/1/

更多信息: http://www.w3schools.com/css/css_attribute_selectors.asp http://www.w3schools.com/cssref/sel_checked.asp

试试吧，如果有帮助请告诉我!