我有一个输入框,类型为“date”,在IE中一切正常,但在最新版本的Chrome中,它带有旋转器、向下箭头和mm/dd/yyyy的占位符。
在Chrome中,单击该字段时,Chrome会打开一个日期选择器,我已经映射了jquery ui的日期选择器以供我的应用程序使用。这两者都会发生冲突,如下所示:
我已经应用了以下修复方法:
input[type="date"]::-webkit-calendar-picker-indicator{
display:none;
-webkit-appearance: none;
margin: 0;
}
input[type="date"]::-webkit-inner-spin-button {
/* display: none; <- Crashes Chrome on hover */
-webkit-appearance: none;
margin: 0;
}
/** THIS DOESN'T WORK **/
input[type="date"]::-webkit-input-placeholder{
display:none !important;
-webkit-appearance: none !important;
visibility: hidden !important;
}
/** THIS DOESN'T WORK **/
在添加了上述代码之后,它看起来很聪明:
![enter image description here](https://istack.dev59.com/evXuB.webp)
该输入框中没有设置任何值。
需要知道如何删除该占位符以设置值;我正在使用yyyy / mm / dd的日期格式。
Chrome版本为:Version 27.0.1448.0
提前致谢!