Removing round corners from the button in jquery mobile

Posted by user1435731 on Stack Overflow See other posts from Stack Overflow or by user1435731
Published on 2012-06-04T18:10:00Z Indexed on 2012/06/05 4:40 UTC
Read the original article Hit count: 95

Filed under:
|

I have following button markup in a single/multiple page jquerymobile page template.

<a href="#" data-role="button" data-icon="arrow-r" data-iconpos="right" >About Us</a>

I need to disable the round corners of this button using the button option as given in the jquerymobile docs.

I have tried $('a').buttonMarkup({ corners: "false" }) in every events such as pagebeforecreate, pageinit, pagecreate and mobileinit

I never got it working and have been struggling with it to make it for quite a long time. I dont want to use data attribute data-corners="false" for now.

Please suggest any ideas

© Stack Overflow or respective owner

Related posts about jQuery

Related posts about jquery-mobile