JQMobile-Input-Width

by Jose Montero

HTML

<link rel="stylesheet" href="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
<script src="https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<form>
     <label for="text-1">Text input:</label>
     <input type="text" name="text-1" id="text-1" data-mini="true" style="width:55px" value="">
     <label for="text-3">Text input: data-clear-btn="true"</label>
     <input type="text" data-clear-btn="true" name="text-3" id="text-3" value="">
</form>

CSS

.ui-input-text { width: 150px !important }