【问题标题】:How to select with css indicator in <input type="time">?如何在 <input type="time"> 中使用 css 指示器进行选择?
【发布时间】:2017-05-29 16:37:58
【问题描述】:

如何在&lt;input type="time"&gt; 中使用 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
猜你喜欢
  • 2010-10-03
  • 2014-03-17
  • 2018-08-22
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2021-08-01
  • 1970-01-01
  • 2010-11-26
相关资源
最近更新 更多