Search code examples
jquery-mobile

jquery mobile - remove icon disc in the header

I am using jqm 1.4.5 to create an application but I have a problem about icons. I got remove all the disc from the icons with a class=ui-nodisc-icon but when I get to the header icons the disc does not come out. Someone was able to remove the disc from the icons in the header?

print https://i.postimg.cc/v81SLPZx/2019-02-26-00-10-54.png

Solution

  • Solution:

      <div data-role="header">
    <div id="custom-border-radius">
      <a href="#" class="ui-btn ui-icon-bars ui-btn-icon-notext ui-corner-all ui-nodisc-icon ui-alt-icon">No text</a>
    </div>
  </div>

    And some CSS:

    #custom-border-radius .ui-btn-icon-notext.ui-corner-all {
  border: 0 solid transparent;
  background-color: transparent;
}

    Working example: http://jsfiddle.net/kv1jayLe/

    If this is it please do not forget to accept the answer.