水平下拉选择选项菜单

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