Javascript 从jQuery Mobile 1.2.0升级到1.3.1，打破了输入框

我正在尝试在Windows Phone 8的PhoneGap应用程序上使用jQuery Mobile

目前，该应用程序使用jquerymobile1.2.0（jQuery.Mobile-1.2.0.min），运行良好。然而，1.3.0中引入了过渡支持，因此我计划升级到1.3.0。但是，当我更新到jquerymobile1.3.1（jQuery.Mobile-1.3.1.min）时，输入框无法以与它们相同的方式呈现

我不是一个HTML开发人员，所以我知道的不多，原来的代码不是我写的。以下是输入框的代码：

        <label for="lumpsum">Current lump sum savings, if any ($)</label>
    <input type="number"  pattern="[0-9]*" name="lumpsum" id="lumpsum" value="2000"  style="width:50%" required/><br>

当前一次性节约（如有）（美元）

区别在于：-

如果需要任何其他信息，请务必告诉我。

我访问过，右键单击并在Google Chrome浏览器的“文本输入：”字段上选择“检查元素”，这样开发者工具分割屏幕就会显示出来。在这里，您可以看到原始html以及jQueryMobile3脚本添加的html

jquerymobile3似乎将您的

元素包装在一个

元素中，该元素带有css样式的类

ui输入文本。jquerymobile3将这个
div
元素的样式设置为具有100%的
宽度
，如开发人员工具屏幕的右半部分所示。这会导致文本输入字段比您想要的更宽

一种可能的解决办法：

在
元素中，删除
style=“width:50%”

将此css添加到html文件：

div.ui-input-text {
    width: 50%;      /* desired text input field width */
    margin: 0 auto;  /* center element */
    clear: both;     /* no other elements beside this one */
}

但是要小心，在
div.ui-input-text
类中更改宽度会更改所有输入文本字段的宽度。如果您只想更改此特定
上文本输入字段的宽度，可以向
添加唯一的id，例如
。现在，在css中，此特定表单的样式如下：

form#uniqueid div.ui-input-text {
    width: 50%;      /* desired text input field width */
    margin: 0 auto;  /* center element */
    clear: both;     /* no other elements beside this one */
}

如果它破坏了东西，你更新它有什么原因吗？我正在更新以支持Windows Phone上的页面转换。