我可以隐藏HTML5时间输入旋转框吗？

Question

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

＆＃13;

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 1

试试这个css：

＆＃13;

＆＃13;

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

＆＃13;

<input type="time">

＆＃13;

＆＃13;

＆＃13;