如何将样式分配给 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）左对齐，我希望能够控制这个属性（选中）

有什么建议吗？

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

试一试，如果有帮助请告诉我！

Answer 2

<!-- language: lang-css -->

    #selectransfer {

        text-align: left;
        vertical-align: center;

      }

    .opensans_size13 {
      text-align: left;
        vertical-align: top;
      position: absolute;
        }

    .form_control_mySelectBoxClass {
      margin-top: 45px;
      position:relative;
        }

     option[selected] {
     color: red;
        }

<!-- language: lang-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 属性？

How to assign a style to SELECTED attribute?

css

attributes

selected