如何防止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"

这让我得到了所需的尺寸，但我仍然想要这种风格。

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