JQuery Mobile 1.4 文本输入宽度

Question

我最近切换到 JQuery Mobile 1.4，虽然总体上我更喜欢它而不是 1.3，但我遇到了很多格式问题。

我想要一个可变值列表，这是我正在使用的代码。

<div class="ui-field-contain">
<label for="name">Amount</label>
<input type="number" name="name1" id="name1" value="" style="width:75px"/>
</div>

我添加了 width:75px 以查看它是否有效，但它所做的只是移动数字选择箭头 - 它实际上并没有使文本框变小。

因此文本框与其容器一样宽，但宽度有限。它在电脑上看起来不错，但在移动设备上，如果你限制太多，你最终会在文本框顶部看到标签文本。

有什么办法解决这个问题吗？

Answer 1

尝试

.ui-input-text{
    width: 75px !important;
}

jQM 使用类 .ui-input-text 在输入周围放置一个 DIV，因此您需要设置它的宽度，然后输入将填充它。如果您不想将所有文本输入设置为 75px，则可能需要使您的 CSS 更具体；