jquery mobile form的文本元素未正确呈现

Question

我是 jQuery Mobile 的新手，现在我正在使用表单元素，我编写了以下代码：

<div data-role="page">
    <div data-role="header"></div>
    <div data-role="content">
        <input  type="text" placeholder="Enter some text"/>
         <input  type="password" placeholder="Enter Password"/>
        <input type="button" value="Login"  />
    </div>

</div>

<div data-role="page"> <div data-role="header"></div> <div data-role="content"> <input type="text" placeholder="Enter some text"/> <input type="password" placeholder="Enter Password"/> <input type="button" value="Login" /> </div> </div>
但设计没有在上面两种输入类型中正确呈现。我不知道是什么问题 下面的图片显示了上面代码的输出，在图片中它清晰地显示了渲染视图。

Answer 1

@Dima Kuzmich我得到了答案。 实际上我使用的是旧版本的jquery mobile css 1.2.0 版本，这就是为什么它会渲染上面的图像设计。

但是当我使用最新版本的jquery mobile css 1.3.1 时，我的问题就完全解决了。
谢谢@Dima Kulmich。