Question

I can’t figure out the CSS to give each select button a minimum or fixed width. By default the width adjusts to the content but I want to have a minimum. I have several rows and I want them to stay aligned as the selection changes.

There are similar questions for non-jqm select boxes where the solution is simply setting width attribute, but that doesn’t work here.

Here is the jsfiddle:

http://jsfiddle.net/btppS/

Answer 1

If you want to change the width of the label you have to change inside the css this line:

.ui-btn-text{
   width:300px; //example
}

Instead if you want to change the select when you click on it you can try this code with jquery:

$(document).ready(function() {
 $('#select-choice-month').css('width', '200px');//insert your width this is only for the month
});