From: MatmaRex <matma.rex@gmail.com>
Date: Thu, 27 Sep 2012 15:02:21 +0000 (+0200)
Subject: (bug 39793) #simpleSearch placeholder styles for Firefox, IE
X-Git-Tag: 1.31.0-rc.0~22250^2
X-Git-Url: https://git.cyclocoop.org/%27.WWW_URL.%27admin/?a=commitdiff_plain;h=8ca83e7e8974c8be288b92ede90cd6b21d826712;p=lhc%2Fweb%2Fwiklou.git

(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
---

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;