jquery 모바일 navbar 아이콘이 동그라미로 표시됩니다.

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-nodisc-icon 

클래스를 추가 뒤에 원 회색 배경을 제거하려면

.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 동작을 무시할 수 있습니다

예를 들어 코드를

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