jQuery Mobile input widths

css, html, jquery-mobile

Solution

jQuery Mobile wraps all input types in a div with class `.ui-input-text` except for `type=search` which has class `.ui-input-search`. All you need is to override those classes.

Demo

All input types:

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

input type search:

div.ui-input-search { width: 50px !important }

Problem

I can't seem to change the width of the `<input>` tags on my jQuery Mobile page, any ideas? http://www.nuhack.com/stackoverflow-question/

Original source