停用新的Chrome日期类型输入格式和占位符

Question

Chrome的最新版本最终支持本机输入的日期类型，这很好，但它强制使用自己的日期格式和占位符文本，这不能很好地适应我的布局。如何删除本地化的日期格式，因此它显示为ISO（ 当然是作为ISO发送的，但在浏览器中没有这样显示），以及如何删除本地化的占位符（日期类型）不支持占位符属性请注意，所以它不能简单地被覆盖）？

编辑：我可以将占位符设置为背景颜色，但是有什么不那么黑的吗？

Answer 1

This question介绍了如何设置chrome中的（伪）元素的样式，据我所知，详细说明了你对chrome的最新版本（写作时的v27）的所有控制。 / p>

日期格式（例如，dd / mm / yyyy）始终设置为浏览器区域设置。

如果你想要更多的控制，唯一的另一个选择是使它成为type ='text'并添加一个JavaScript datepicker。某些polyfills允许您使用JS解决方案覆盖浏览器样式。

Answer 2

我添加了一种输入样式[type =“date”] {-webkit-text-fill-color：＃??????;}其中??????与输入的背景颜色相同。例如，如果输入的背景颜色为#ffffff，则添加规则-webkit-text-fill-color：#ffffff“隐藏”文本，因为它与背景颜色匹配。