在iOS Safari中,是否有可能删除<input type="date">
输入字段的"清除"按钮(图示)?
我已经尝试使用required属性,但在iOS6或iOS7上不起作用。
<input type="date" required="required" />
那么尝试使用-webkit-clear-button伪类来专门为基于Webkit的浏览器进行样式设置:
/* Hide the clear button from date input */
input[type="date"]::-webkit-clear-button {
-webkit-appearance: none;
display: none;
}
/* Hide the spin button from date input */
input[type="date"]::-webkit-inner-spin-button {
-webkit-appearance: none;
display: none;
}
在IE浏览器上,可以通过针对Internet Explorer 10+指定::-ms-clear
伪元素来实现此功能:
input[type="date"]::-ms-clear {
display: none;
}
清除按钮可以通过设置必填属性来禁用 - 这似乎很合理,因为必填输入不应该被清除。
<input type="date" name="foo" value="2018-06-08" required />
已在最新版本的Firefox、Chrome和Edge中进行了测试
我尝试了上面提到的所有方法,但都没有成功。
但是您可以通过提及更改事件来处理清除按钮事件。
HTML文件:
<input type="date" (change)="dateChanged($event)" />
.ts文件代码:
dateChanged(event){
if(event.target.value='' || event.target.value.length==0){
//your code , whatever you want to do when user hit clear in Date control.
}
}