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

最新版本的Chrome终于支持本机输入的日期类型，这很好，但是它迫使它自己的日期格式和占位符文本，布局非常好。如何删除本地化的日期格式，因此它显示为ISO（为，当然ISO偏离课程，但只是没有在浏览器中显示），以及如何删除本地化的占位符（日期类型不支持占位符属性记住你，所以它不能只是被重写）？禁用新的Chrome日期类型输入格式和占位符

编辑：我可以只占位符作为背景的颜色，但有什么少hacky？

来源

2012-07-08 Nikola Bogdanović

我也想知道如果**显示**格式和占位符可以定制。 Chrome中的当前输入日期具有'data-placeholder =“year-month-day”'属性，但更改此属性不会生效。 – CallMeLaNN 2012-10-20 17:25:21

[删除类型=日期的html5输入元素中的默认文本/占位符]的可能重复（http://stackoverflow.com/questions/28686288/remove-default-text-placeholder-present-in-html5-input-element -of-type-date） – Maks3w 2016-03-02 08:26:38

This question介绍了如何在chrome中设置（伪）元素的样式，以及我可以告诉那些详细的使用最新版本的chrome（v27）的控件。

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

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

来源

2013-06-21 00:40:17 davidelrizzo

谢谢你的回答，但我已经知道所有这些问题时 - 虽然新的伪元素相当有帮助，但它们对原始问题完全没有改变（当时我使用'输入[type = datetime] :: - webkit-input-placeholder'而不是新的':: - webkit-datetime-edit-text'来设置占位符文本的样式作为背景的颜色） – 2013-06-21 01:56:15

-1

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

来源

2014-01-21 16:18:55 user3220093

-1输入文本...和隐藏占位符从来都不是问题 - 我希望显示格式始终是ISO（或者使用网站的语言，而不是客户端浏览器） – 2014-01-21 22:40:11

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

回答

相关问题