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

Question

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

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

Answer 1

这个问题涵盖了如何在 chrome 中设置（伪）元素的样式，据我所知，您可以详细了解最新版本的 chrome（截至写作时为 v27）您拥有的所有控件。

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

如果您想要更多控制，唯一的其他选择是使其 type='text' 并添加 JavaScript 日期选择器。一些 polyfill 允许您使用 JS 解决方案覆盖浏览器样式。

Answer 2

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