html5中如何去掉input的时间选择默认样式

html5中如何去掉input的时间选择默认样式

1.时间选择的种类:

2.对日期时间控件的样式进行修改

目前WebKit下有如下9个伪元素可以改变日期控件的UI：

date类型改变行高和高度那个小三角并不会根据大小调整，实在太丑了，所以决定把它隐藏掉。

下面的css可以去掉date中上下小三角，但是保留input类型为number的小三角。

input[type=date]::-webkit-inner-spin-button { isibility: hidden; }