css - 如何在 <input type ="time"> 中使用 css indicator 选择？

Question

如何在 <input type="time"> 中使用 css 指示符(箭头)进行选择？

我想为它们设计样式。

Answer 1

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

如果你想选择微调器(你说的“箭头”)，你可以通过下面的 css 来完成，

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

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

最重要的是，我想建议您像此代码链接一样制作自定义微调器(您称之为“箭头”)。希望您能通过这种方式找到解决方案。 :)

https://codepen.io/komarovdesign/pen/PPRbgb