水平下拉選擇選項菜單

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;  
}