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>