Datebox分为2行JQueryMobile

Question

我的HTML布局中有一个JQuery Mobile的日期框，当我用一个按钮放置它时，或者当我用网格布局中的按钮将它放置时，日期框文本输入会突破到2行高度。

 <table>
 <tr>
      <td><div data-role="controlgroup" data-type="horizontal">
                <a id="btnPrevDate" data-role="button" href="#"  data-theme="a">PREV</a>
                <a id="btnNextDate" data-role="button" href="#"  data-theme="a">NEXT</a> 
        </div></td>
 <td> <div><input name="difereddelv"  id="datepickerAct" type="date" data-role="datebox" data-options='{"mode": "calbox"}'></td></div>

 </tr>
 </table>

有人可以提前帮助我。

Answer 1

是否有一些CSS破解并且有效：）

<style>
    .ui-input-datebox input
                {
                width: 70%!important;
                }
</style>