가로 드롭 다운 선택 메뉴

Question

안녕하십니까? StackOverflow. jQuery 또는 CSS로 가로로 표시된 select 메뉴를 만들 수 있습니까? 같은

뭔가 :

나는 다음과 같은 CSS를하려고 노력은 :

select.horizontal option { 
    display: inline-block; 
    display*: inline; 
} 

그러나 작동하지 않았다.

Answer 1

나는 이것이 당신을 도움이되기를 바랍니다 :

http://jsfiddle.net/fhbha/

HTML

<ul id="reg-lists" > 
    <li class="one"> 
     <select><option>Yes</option></select> 
     </li> 
    <li class="two"> 
      <select><option>Yes</option></select> 
     </li> 
    <li class="three"> 
      <select><option>Yes</option></select> 
     </li> 
</ul> 

CSS

li { 
    display:inline !important; 
    list-style-type: none; 
    padding-right: 10px;  
}