如何设置 jQuery Mobile 文本框的格式

Question

我有一个非常简单的 jquery 移动页面。它有一个页眉、一个页脚，正文要求输入带有文本框的登录名和密码，然后您可以提交。

我的问题是 jQuery Mobile 使文本框容纳大约 100 个字符，使我的整个显示太小。有没有办法强制它使文本框仅容纳大约 12 个字符，然后使正文中的所有内容变大？

这是我的代码：

<div data-role="page" id="login">
    <div data-role="header">
        <h1>heade</h1>
    </div>
    <div data-role="content">
        <form action="login.py" id="login_form" data-ajax="false">
        <div data-role="fieldcontain">
            <label for="name" style="font-size: px; font-weight: bold;"> User Name: </label> 
            <input type="text" name="uname" minlength="3" />
        </div>
        <div data-role="fieldcontain">
            <label for="password"> Password:&nbsp;&nbsp; </label> 
            <input type="password" name="password" />
        </div>
        <div id="submitDiv" data-role="fieldcontain">
            <fieldset class="ui-grid-a">
                <div class="ui-block-a">
                    <input type="reset" value="Reset" />
                </div>
                <div class="ui-block-b">
                    <input type="submit" value="Submit" />
                </div>
            </fieldset>
        </div>
        </form>
        </div>
        <div data-role="footer">
            <div data-role="navbar">
                <ul>

                </ul>
        </div>
    </div>
</div>

Answer 1

我看到这篇文章很旧，但也许这会对某人有所帮助...

您是否尝试在 css 中添加类似的内容？

div input { width: 12px !important; }