Firefox Quantum(57)<input type ="date"> UI关闭/删除按钮隐藏

Question

自从更新firefox以来,我们现在在输入中出现了小(x)按钮,作为firefox的UI控件的一部分.

有什么办法可以用css隐藏/删除这些按钮吗？

你可以在mozilla上的firefox输入日期网页上看到这个:https: //developer.mozilla.org/en-US/docs/Web/HTML/Element/input/date

或在这里查看图像

Answer 1

Clip-path 是一种粗略的方法，您可以使用它，它有效：

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

是的，我同意。这是我能得到的最好的。甚至当我遇到这个问题时，我自己最终也没有使用这个解决方案。我刚刚放弃并免除了我自定义的基于 JS 的明确字段中的日期输入，我将其应用于其他输入，以支持日期输入的本机输入。尽管如此，我认为有些人可能有兴趣比我更深入地制作完全自定义的输入字段，这种方法可以帮助人们到达那里，所以即使我最终拒绝自己使用它，我想我可能会以及发布它。 (2认同)