水平下拉选择选项菜单

Question

你好人民的StackOverflow。是否有可能创建一个select菜单，并用jQuery或CSS水平显示。

喜欢的东西：

我试着做下面的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;  
}