内联css不适用于JQM

时间:2013-06-05 20:12:43

标签: javascript jquery html css jquery-mobile

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

这样的内联css时
<input type="text" style="width:30px;" /> 

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

1 个答案:

答案 0 :(得分:4)

它无法正常工作,因为您不需要更改输入宽度,该元素在jQuery Mobile中隐藏。您需要更改其包装器DIV,它只能通过javascript完成。

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

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