<select>（下拉列表）与</select> <input />文本并排。 jQuery Mobile

Question

我正在使用jQuery Mobile并尝试放置文本输入并选择并排下拉列表。

如果我使用此代码

<fieldset class="ui-grid-a">
  <div class="ui-block-a">
    <input type="number" id="convert-weight-from" placeholder="Text input" value="">
  </div>
  <div class="ui-block-b">
    <select id="weight-unit">      
      <option value="kilo">Kilo</option>
      <option value="hekto">Hekto</option>
      <option value="gram">Gram</option>
    </select>
  </div>
</fieldset>

我得到了这个结果。

但如果我使用此代码

<fieldset class="ui-grid-a">
  <div class="ui-block-a">
    <input type="number" id="convert-weight-from" placeholder="Text input" value="" />
  </div>
  <div class="ui-block-b">
    <input type="number" id="convert-weight-from" placeholder="Text input" value="" />
  </div>
</fieldset>

我得到了这个结果

如您所见，如果我使用input，它们会处于同一垂直级别，但如果我使用select则不会。我现在没有使用任何其他CSS或框架。