使 li 元素成为按钮音差

make li element a button phonegap

本文关键字：按钮 li 元素      更新时间：2023-09-26

我想在我的Phonegap应用程序中有一个按钮而不是一个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>

我不想在这里使用引导按钮。

这是同样的小提琴。

请指教。

我假设你只想要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/

相关文章：