webkit css时间字段的伪元素

前端之家收集整理的这篇文章主要介绍了webkit css时间字段的伪元素前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

我发现了一个关于输入here的webkit伪元素的有趣帖子,所以我需要从输入类型=“时间”中删除取消按钮,但是根据murthy定律,这个伪元素没有在任何地方描述.如果有人知道请发帖给我.

附:我已经尝试过了

  1. ::-webkit-search-cancel-button
  2. ::-webkit-input-cancel-button
  3. ::-webkit-time-cancel-button
  4. ::-webkit-time-cancel-button

当然有一种方法可以做到这一点:在元素之后,但我不相信没有伪元素

  1. input[type="time"]::after
  2. {
  3. content: "";
  4. background: #FFF;
  5. height: 20px;
  6. width: 10px;
  7. position: absolute;
  8. margin: 0 -10px;
  9. }
最佳答案
那将是:: – webkit-clear-button

所以使用

  1. input[type="time"]::-webkit-clear-button{
  2. display:none;
  3. }

要查找此类内容,您可以从“控制台”选项的“元素”下启用“显示阴影DOM”.

这样当您选择输入元素时,您可以打开它并查看引擎盖下的内容.

猜你在找的CSS相关文章