内联css不适用于JQM

Question

I started working with phonegap so I am new with it. I included JqueryMobile to it. It all works nicely but how do I change the style of for example a text field. When I use inline css like

<input type="text" style="width:30px;" /> 

It doesn't work. Is there another way to do this?

Answer 1

It is not working because you dont need to change input width, that element is hidden in jQuery Mobile. You need to change its wrapper DIV and it can be only done through javascript.

Working example: http://jsfiddle.net/Gajotres/kSAGf/

$(document).on('pagebeforeshow', '#index', function(){ 
    $('#custom-input').parent().css('width','30px');    
});