我可以隐藏 HTML5 时间输入旋转框吗？ [复制]

Question

有什么方法可以跨浏览器隐藏/删除旋转框我正在寻找一种 CSS 或 JavaScript 方法来防止出现向上/向下箭头。

<input type="time" name="time1">

Answer 1

试试这个 CSS：

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

<input type="time">