使li元素按鈕phonegap

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> 

我不想在這裏使用引導按鈕。

以下是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/