如何在更改高度后修复输入类型日期的上下控件/旋转

时间:2015-06-04 07:57:41

标签: javascript jquery css html5

我有这个代码,我将输入的高度(日期类型)更改为40px,现在上下控件未与字段内的文本对齐。

我想调整旋转的高度,或者如果无法修复则只需将其移除。

<table>
    <tr>
        <td>From <input type="date" name="from" value="'.$currdate.'" autofocus/> </td>
        <td>To  <input type="date" name="to" value="'.$currdate.'" />  </td>
        </td>
    </tr>
</table>

我不知道这是否可以通过jQuery或javascript完成。

1 个答案:

答案 0 :(得分:1)

&#13;
&#13;
input, ::-webkit-inner-spin-button {
    height: 40px;
}
&#13;
<table>
    <tr>
        <td>From <input type="date" name="from" value="" autofocus/> </td>
        <td>To  <input type="date" name="to" value="" /> </td>
        </td>
    </tr>
</table>
&#13;
&#13;
&#13;

这是你正在寻找的吗?

WebKit提供以下8个伪元素,用于自定义日期输入的文本框:

  

:: - webkit-datetime-edit :: - webkit-datetime-edit-fields-wrapper   :: - webkit-datetime-edit-text :: - webkit-datetime-edit-month-field   :: - webkit-datetime-edit-day-field :: - webkit-datetime-edit-year-field   :: - webkit-inner-spin-button :: - webkit-calendar-picker-indicator