Jquery mobile Jquery移动选择和按钮内联

Jquery mobile Jquery移动选择和按钮内联,jquery-mobile,inline-editing,Jquery Mobile,Inline Editing,我正在尝试使用一个选择菜单和一个内联按钮,与周围线条的宽度相同,请参见: 这里使用字段容器完成,但是选择菜单应该更宽。 有什么想法吗 你可以看看这个问题: mystrdat的答案基于这个代码笔:可以为你工作 您基本上使用float:right将按钮保持在右侧的固定宽度,然后select的容器自动填充可用宽度。注意:我只是使用内联CSS来快速说明答案,您应该使用CSS类: <div class="ui-field-contain"> <label for="b" class

我正在尝试使用一个选择菜单和一个内联按钮,与周围线条的宽度相同,请参见:

这里使用字段容器完成,但是选择菜单应该更宽。
有什么想法吗

你可以看看这个问题:

mystrdat的答案基于这个代码笔:可以为你工作

您基本上使用float:right将按钮保持在右侧的固定宽度,然后select的容器自动填充可用宽度。注意:我只是使用内联CSS来快速说明答案,您应该使用CSS类:

<div class="ui-field-contain">
  <label for="b" class="select">Vælg kategori:</label>
  <div >
    <div style="float: right; padding-left: 0.5em;" >
      <a href="#" class="ui-btn ui-shadow ui-btn-inline ui-icon-plus ui-btn-icon-right ui-corner-all" data-inline="true">Tilføj</a>
    </div>
    <div style="overflow: auto;">
      <select size="1" name="b" id="b" data-native-menu="false">
        <option value="choose-one" data-placeholder="true">MAKE ME WIDE</option>
      </select>
    </div>
  </div>
</div>