使用input type =“time”禁用webkit的輸入掩碼？

Question

我想刪除所有與類型時間關聯的webkit內容（chrome）。 我不想改變類型。

<input type="time">

http://jsfiddle.net/dDqX4/

我發現類似的問題刪除webkit的東西。

我可以隱藏HTML5號碼輸入的旋轉框嗎？

謝謝！

更新：
鉻

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;
}