Question

我希望在我的手机屏幕应用中有一个按钮而不是一个li。

这就是它的样子

    <div class="menu-search">
    <ul>
        <li>
            <span><input type="text" id="txtSearch" placeholder="Enter  Name"></span>
        </li>

        <li>
            <span><select name="selCategory" id="selCategory"></select></span>
        </li>
        <li>
            <span><select name="selCity" id="selCity"></select></span>
        </li>
        <li>  <a class="" id="btnSearch">Apply Filters</a></li>
        <li> <a class="btn" id="btnClearSearch">Clear Filters</a></li>
        <li><a class="close-search" href="#"><i class="fa fa-times"></i>Close<i class="fa fa-circle"></i></a></li>
    </ul>
 </div>

我不想在这里使用bootstrap按钮。

这是同一个fiddle。

请建议。

Answer 1

我假设您只想要CSS，如果是这样，试试这个：

#buttons li {
    float: left;
    list-style: none;
    text-align: center;
    background-color: #000000;
    margin-right: 30px;
    width: 150px;
    line-height: 60px;
}    

#buttons li a{
        text-decoration: none;
        color: #FFFFFF;
        display: block;
    }

    #buttons li a:hover {
        text-decoration: none;
        color: #000000;
        background-color: #33B5E5;
    }

您可以在此处找到更多信息：https://alextheedom.wordpress.com/code-and-stuff/creating-buttons-from-ul-element/

使li元素成为一个按钮phonegap

1 个答案: