jquery - 如何防止jquery mobile自动添加DIV？

Question

我正在为移动网站使用 JQM。

我有这个 HTML:

<input readonly="readonly" type="text" 
       id="countdown" size="3" value="150" style="width: 50px" />

这是截图

当我用检查工具检查时，我看到了这个:

<div class="ui-input-text ui-body-inherit ui-corner-all ui-shadow-inset">
<input readonly="readonly" type="text" 
       id="countdown" size="3" value="150" style="width: 50px">
</div>

奇怪的是，当我查看源代码时，我什么也没看到。

我该如何解决这个问题？它应该只有 50 像素宽，但后面的 div 让它看起来更宽。

JSFiddle Demo

Answer 1

我发现，您可以关闭样式:

data-role="none"

这让我得到了想要的尺寸，但我仍然想要那种款式。

如果有更好的选择，请告诉我。