使用input type =“time”禁用webkit的输入掩码？

Question

我想删除与类型时间相关联的所有webkit内容（chrome）。我不想改变类型。

<input type="time">

http://jsfiddle.net/dDqX4/

我发现删除webkit的类似问题。

Can I hide the HTML5 number input’s spin box?

谢谢！

更新：
铬

IE

正如你所看到的，铬会破坏它。

Answer 1

试试这个：

::-webkit-datetime-edit-ampm-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-millisecond-field,
::-webkit-datetime-edit-minute-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-second-field,
::-webkit-datetime-edit-week-field,
::-webkit-datetime-edit-year-field,
::-webkit-datetime-edit-text {
  color: transparent;
}

Answer 2

input[type=time]::-webkit-clear-button,
input[type=time]::-webkit-outer-spin-button,
input[type=time]::-webkit-inner-spin-button {
    display:none;
}

http://jsfiddle.net/dDqX4/3/

Answer 3

试试这个

input[type=time]::-webkit-outer-spin-button,
input[type=time]::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

input[type=time] {
    -moz-appearance:textfield;
}

Answer 4

如果您希望您的输入在有效时仍保持可见，但不会突出显示

input:not( :focus ) {
  color: transparent;
}
input:valid {
  color: inherit;
}