pixelated rounded corners on buttons

pixelated rounded corners on buttons



the button on the left is the default jqm button:
      <a data-role = 'button' ... >.
the button on the right has been modified      :
      <a data-role = 'button' style = 'background-clip: border-box;' ... >.

In firebug I found that these classes, .ui-corner-all, .ui-btn-corner-all, are affecting the <a>'s, and that the classes include a style background-clip:padding-box;.


QUESTION A - is my solution the right solution?

QUESTION B - what is the best way to implement the style over-ride? ... I do not want to have to add the inline style over-ride to every button ... I do not have access to the jqm css (and I do not know if it is ok to change it anyway - maybe the property is needed for something else) ...

- thanks.