如何在 <input type="time"> 中使用 css 指标 select？

Question

如何 select 在 <input type="time"> 中使用 css 指标（箭头）？

我想给它们设计风格。

Answer 1

input[type="time"]{
    /**style goes here **/
 }

如果你想 select 微调器（你说 "arrow"）你可以通过下面的 css 来实现，

input[type="number"]::-webkit-inner-spin-button{
        /**style goes here **/
    }

但不幸的是，这适用于 chrome，但不适用于 firefox，因为 firefox 不适用于 webkit 引擎，

最重要的是，我想建议您像这段代码 link 一样制作自定义微调器（您说的 "arrow"）。希望您能通过这种方式找到解决方案。 :)

How to select with css indicator in <input type="time">?