内联css不适用于JQM

Question

我开始使用phonegap，所以我是新手。 我把JqueryMobile包含在内。 这一切都很好，但我如何更改文本字段的样式。 当我使用内联css时

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

它不起作用。 还有另一种方法吗？

Answer 1

它不起作用，因为你不需要改变输入宽度，该元素隐藏在jQuery Mobile中。 您需要更改其包装器DIV，它只能通过javascript完成。

工作示例： http ： //jsfiddle.net/Gajotres/kSAGf/

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