javascript - 内联 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');    
});