如何在 Firefox 中删除交叉日期和时间 HTML 输入

Question

如何隐藏在日期和时间类型 HTML 输入中自动出现的十字图标？

例如。

<input type="time></input>

用这样的十字架显示。

我想出了如何为 Chrome 做到这一点，但无法解决 firefox 问题。

只想删除那个交叉，最好是跨所有浏览器。

Answer 1

在 Chrome 和 Firefox 中添加required到输入对我来说都有效：

<input type="time" required>
<input type="date" required>

Answer 2

我已经做了一些研究，到目前为止什么也没发现。我能想到的最好的解决方案是将图标剪到输入字段之外并删除边框，这样它看起来就不会那么糟糕了。这就是我的意思：

input[type="time"]{
  width:120px;
  border: none;
  clip-path: inset(0 17px 0 0);
  outline:none;
  outline:0;
}

<input type="time" required/>

请注意，这不是一个完美的解决方案。它甚至可能不适用于您的情况，但我真的没有找到任何其他可以帮助您的东西，所以我认为这可能值得分享。