Question

How do I make a button radius be specific to a theme… I’m using 3 themes and I need the below global button css code to only apply to theme B

.ui-btn-corner-all {
    -moz-border-radius:                 .3em /*{global-radii-buttons}*/;
    -webkit-border-radius:              .3em /*{global-radii-buttons}*/;
    border-radius:                  .3em /*{global-radii-buttons}*/;
}

Answer 1

Just be sure to place the following after the JQM stylesheet.

[data-theme=b].ui-btn-corner-all {
    -moz-border-radius:             .3em;
    -webkit-border-radius:          .3em;
    border-radius:                  .3em;
}​