html - jquery mobile 中的两个输入字段

Question

<fieldset data-role="controlgroup" data-type="horizontal" data-mini="true">
    <input type="text" id="expiry_month" name="expiry_month" data-native-menu="false">
    <input type="text" id="expiry_year" name="expiry_year" data-native-menu="false">
</fieldset>

我有这个 html。我正在使用 jquery mobile 构建表单，但我无法将两个输入字段放在一行中。第二个输入字段跳转到下一行。有人可以帮帮我吗？

Answer 1

检查这个Demo Fiddle

您可以修改选择器 .ui-input-text 更改显示属性:

.ui-input-text {
  display:inline-block;
}

为了确保更改此字段集中的输入，请分配一个类名:

<fieldset ... class="aside">

然后使 CSS 规则更具体:

.aside .ui-input-text {
  display:inline-block;
}