html - 如何摆脱输入日期的 x 和向上/向下箭头元素？

Question

我唯一需要在框中显示的是橙色三 Angular 形，我不确定是否需要 CSS 或其他东西来摆脱三 Angular 形左侧的两个元素。

有办法吗？我只是使用输入类型 date。

fiddle :http://jsfiddle.net/5M2PD/1/

Answer 1

使用伪类 -webkit-inner-spin-button 为基于 webkit 的浏览器设置样式:

http://jsfiddle.net/5M2PD/2/

input[type=date]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    display: none;
}

如果要改变下拉箭头的样式，使用伪类-webkit-calendar-picker-indicator:

input[type=date]::-webkit-calendar-picker-indicator {
    -webkit-appearance: none;
    display: none;
}

要消除清除按钮，请将输入设置为必需:

http://jsfiddle.net/5M2PD/3/

<input type="date" required="required" />