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

Question

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

我想调整旋转的高度，或者如果无法修复它就将其移除。

<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 完成。

Answer 1

input, ::-webkit-inner-spin-button {
    height: 40px;
}

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

这是您要找的吗？

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