如何将样式分配给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> 

我想是对齐“选择”选项（往返）向左，我希望能够控制这一属性（选择）。

有什么建议吗？

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>