出現在圈子中的jquery移動導航欄圖標

Question

我正在使用自定義圖標，但它們出現在一個圓圈中。這裏是我需要關閉的課程來阻止這個嗎？

<div data-theme="a" data-role="footer" data-position="fixed"> 
       <div data-role="navbar" data-iconpos="top"> 
        <ul> 
         <li> 
          <a href="#" id="test1" data-theme="e" data-icon="custom" data-corners="false" data-iconshow="true" data-wrapperels="span" class="ui-btn-active"> 
           <span class="foot_font">test1</span> 
          </a> 
         </li> 
         <li> 
          <a href="page40.html" id="test2" data-theme="e" data-icon="custom" data-corners="false" data-iconshow="true" data-wrapperels="span"> 
           <span class="foot_font">test2</span> 
          </a> 
         </li> 
         <li> 
          <a href="page44.html" id="test3" data-theme="e" data-icon="custom" data-corners="false" data-iconshow="true" data-wrapperels="span"> 
           <span class="foot_font">test3</span> 
          </a> 
         </li> 
         <li> 
          <a href="page22.html" id="test4" data-theme="e" data-icon="custom" data-corners="false" data-iconshow="true" data-wrapperels="span"> 
           <span class="foot_font">test4</span> 
          </a> 
         </li> 
         <li> 
          <a href="page47.html" id="test5" data-theme="e" data-icon="custom" data-corners="false" data-iconshow="true" data-wrapperels="span"> 
           <span class="foot_font">test5</span> 
          </a> 
         </li> 
        </ul> 
       </div> 
      </div> 

Answer 1

您可以通過添加

.ui-icon 
{ 
    border-radius:0px!important; 
    -moz-border-radius:0px!important; 
    -webkit-border-radius:0px!important; 
    -ms-border-radius:0px!important; 
    -o-border-radius:0px!important; 
} 

Answer 2

覆蓋這個CSS行爲要刪除的圈子灰色背景的背後只是

ui-nodisc-icon 

類添加到鏈接/按鈕

例如，您的代碼可以更改爲

<a href="#" id="test1" data-theme="e" data-icon="custom" data-corners="false" data-iconshow="true" data-wrapperels="span" class="ui-btn-active ui-nodisc-icon"> 
    <span class="foot_font">test1</span> 
</a>