css - 在移动 chrome/safari 中隐藏输入 [类型 ="month"] 清除按钮

Question

我制作了移动网络应用程序。打开 input[type="month"] 弹出窗口时，我需要删除清除按钮。我尝试了很多在 stackoverflow 中找到的方法，但都失败了。我尝试了 input[type="month"]::-webkit-clear-button 但没有用。我也尝试添加 required="required" 属性，但没有成功。

input[type="month"]::-webkit-clear-button {
 -webkit-appearance: none;
  display: none;
}

<input type="month" id="month" required="required">

还有其他解决办法吗？还是我弄错了？

Answer 1

如果您指的是“完成”旁边的“清除”(如下所示)，那么很遗憾，这是不可能的。 Mobile Safari 的键盘是固定的，您拥有的唯一控件是可以根据 [type] 属性显示的“变体”。