From 8ca83e7e8974c8be288b92ede90cd6b21d826712 Mon Sep 17 00:00:00 2001 From: MatmaRex Date: Thu, 27 Sep 2012 17:02:21 +0200 Subject: [PATCH] (bug 39793) #simpleSearch placeholder styles for Firefox, IE Since some time ago Firefox and IE 10 also support styling for input placeholders. (Opera supports placeholders themselves, but not (yet) styling them.) Firefox also applies regular input styles to placeholders, which is at best weird, so we need to style the placeholder for it to display reasonably (grayed out). (bug 39793) Note the single colon for IE and Firefox and double one for Webkit: these are pseudoclasses, not pseudoelements. In Opera, the placeholder is always grey; #808080 on my system, but it might differ on various setups. It's close enough to #999999 for us not to care. Further reading: * http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css/2610741#2610741 Change-Id: I902abe16ac0cb7a55fe0d9ee7a2eec9a4e5a371a --- skins/vector/screen.css | 6 ++++++ 1 file changed, 6 insertions(+) diff --git a/skins/vector/screen.css b/skins/vector/screen.css index 4069d9e47e..9042ff765a 100644 --- a/skins/vector/screen.css +++ b/skins/vector/screen.css @@ -399,6 +399,12 @@ div#simpleSearch input.placeholder { div#simpleSearch input::-webkit-input-placeholder { color: #999; } +div#simpleSearch input:-moz-placeholder { + color: #999; +} +div#simpleSearch input:-ms-input-placeholder { + color: #999; +} div#simpleSearch input#searchInput { position: absolute; top: 0; -- 2.20.1