Question

I have two links side by side with data-role=”button”. I did have it in a controlgroup, but I couldn’t change the width to 100%. Since I removed them from the controlgroup, I can set the proper width, but I want the same appearance of the controlgroup where the buttons have rounded corners and are right next to each other.
How do I remove just one side of a buttons rounded corners?

Answer 1

Here’s an example: http://jsfiddle.net/Gajotres/4wd92/

Wrap a button in div so css can apply only to it:

<div id="custom-button-container">
    <input type="button" data-theme="a" value="Changed Button">
</div>

CSS:

#custom-button-container .ui-btn-corner-all {
    border-radius: 0 1em 1em 0 !important;
}