内联选择字段元素总是需要-Jquery Mobile

时间:2013-03-24 15:20:07

标签: jquery jquery-ui jquery-mobile mobile

我希望使用JQuery mobile为移动设计的表单中的select字段元素。我正在使用一个标签,然后是三个选择项目。现在,我有两个要求:

1)选择字段元素应始终与标签一起出现在一行中 2)在重新调整浏览器窗口大小时,即改变浏览器的宽度,字段元素应始终保持内联。

我在CSS中使用了屏幕和设备宽度属性。我也尝试修改JQuery提供的移动UI CSS。但它没有帮助。救命。紧急:(

使用的链接:http://jquerymobile.com/demos/1.2.1/docs/forms/selects/
部分:水平分组的选择输入

1 个答案:

答案 0 :(得分:0)

您需要更改默认的css行为。更改控制组div,使其始终为内联块并更改字段集,以便不包含任何元素。

div.ui-controlgroup-label{display:inline-block;} 
fieldset.ui-controlgroup-horizontal{white-space:nowrap;}

例如,请参阅http://jsfiddle.net/vZcBM/

或者,您可以设置字段集的最小宽度。

fieldset.ui-controlgroup-horizontal{min-width: 400px;}