Addresses placeholder text remaining visible on focus in Chrome

The placeholder attribute in Chrome does not work to spec. This makes the text transparent on focus to work like Firefox, Safari, and the spec. Credit goes to @chadbaudoin for bringing this up in his pull request https://github.com/necolas/normalize.css/pull/86 and this Chrome bug is further documented at http://code.google.com/p/chromium/issues/detail?id=106714  and my own test is at https://tinker.io/be2f2/1
This commit is contained in:
Jonathan Neal 2012-03-09 13:30:17 -08:00
parent 79e2c16ba5
commit 2691e7ab14

8
normalize.css vendored
View File

@ -476,6 +476,14 @@ input[type="search"]::-webkit-search-cancel-button {
color: #a9a9a9; color: #a9a9a9;
} }
/*
* Addresses placeholder text remaining visible on focus in Chrome
*/
:focus::-webkit-input-placeholder {
color: transparent;
}
/* /*
* Removes inner padding and border in FF3+ * Removes inner padding and border in FF3+
* www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/