【问题标题】:How to select with css indicator in <input type="time">?如何在 <input type="time"> 中使用 css 指示器进行选择?
【发布时间】:2017-05-29 16:37:58
【问题描述】:
如何在<input type="time"> 中使用 css 指示器(箭头)进行选择?
我想给它们设置样式。
【问题讨论】:
标签:
css
html
input
css-selectors
frontend
【解决方案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
【讨论】:
-
-
ow,在这种情况下,您可以通过下面的 css 而不是上面的 css 来做到这一点, input[type="number"]::-webkit-inner-spin-button{ display: none ;但不幸的是,这将适用于 chrome,但不适用于 firefox,因为 firefox 不适用于 webkit 引擎,最重要的是,我想建议你,像这个代码链接一样制作自定义微调器(你说“箭头”)。希望您能以这种方式找到解决方案。 :) codepen.io/komarovdesign/pen/PPRbgb