禁用新的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日期類型輸入格式和佔位符

回答

相關問題