删除dateinput（iOS Safari）上的“清除”button

是否可以删除iOS Safari（ 图像 ）上的<input type="date">input字段的“清除”button？ 我已经尝试使用所需，但它不适用于iOS6或iOS7。

Answer 1

实际上，通过为所有最新的浏览器指定一个“伪类”，这是非常简单的。

如果将input设置为“必需”以消除清除button不起作用…

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

– 然后尝试下面的伪类-webkit-清除button ，专门为基于webkit的浏览器设置风格：

 /* Hide the clear button from date input */ input[type="date"]::-webkit-clear-button { -webkit-appearance: none; display: none; } 

您还可以探索其他有趣的伪元素来设置dateinput的样式。

例如:(从dateinput中隐藏微调）

 /* Hide the spin button from date input */ input[type="date"]::-webkit-inner-spin-button { -webkit-appearance: none; display: none; } 

在IE上，可以通过指定指定::-ms-clear伪元素的Internet Explorer 10+来实现：

 input[type="date"]::-ms-clear { display: none; } 

我已经在JSFiddle上构build了一个例子，它使用特定的伪元素来设置inputdate控件的样式。

此外，你会发现这两个堆栈非常有用： 禁用input=时间清除button和CSSinputdate如何摆脱X和上/下箭头元素

下面是一个关于伪元素的有趣文章，以及如何使用它们来设置窗体控件的样式： http : //goo.gl/Y69VN6