jQuery Mobile:<select>s 字段组的全宽 [英] jQuery Mobile: Full width of <select>s fieldgroup

问题描述

我有一个日期选择器水平:

<legend>您的出生日期:</legend><select name="cboDay" id="cboDay"></select><select name="cboMonth" id="cboMonth"></select><select name="cboYear" id="cboYear"></select></fieldset>

如何强制它呈现全宽?

解决方案

也许导航栏是一种选择?

• http://jquerymobile.com/demos/1.2.0/docs/toolbars/docs-navbar.html

示例:

• http://jsfiddle.net/DjsWv/

代码:

<ul><li><select name="cboDay" id="cboDay" data-corners="false" data-shadow="false"><option>Day</option><option value="1">1</option></select></li><li><select name="cboMonth" id="cboMonth" data-corners="false" data-shadow="false"><option>Month</option><option value="1">1</option></select></li><li><select name="cboYear" id="cboYear" data-corners="false" data-shadow="false"><option>Year</option><option value="1">1</option></select></li>

I have a date picker laid out horizontally:

<fieldset data-role="controlgroup" data-type="horizontal">
    <legend>Your Birth Date:</legend>
    <select name="cboDay" id="cboDay"></select>
    <select name="cboMonth" id="cboMonth"></select>
    <select name="cboYear" id="cboYear"></select>
</fieldset>

How can I force it to render full width?

解决方案

Maybe the navbar would be an option?

• http://jquerymobile.com/demos/1.2.0/docs/toolbars/docs-navbar.html

Example:

• http://jsfiddle.net/DjsWv/

Code:

<div data-role="navbar">
    <ul>
        <li><select name="cboDay" id="cboDay" data-corners="false" data-shadow="false"><option>Day</option><option value="1">1</option></select></li>
        <li><select name="cboMonth" id="cboMonth" data-corners="false" data-shadow="false"><option>Month</option><option value="1">1</option></select></li>
        <li><select name="cboYear" id="cboYear" data-corners="false" data-shadow="false"><option>Year</option><option value="1">1</option></select></li>
    </ul>
</div>

这篇关于jQuery Mobile:<select>s 字段组的全宽的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！