Merge "Remove HTML back-compat styles from I5fe0543e"

[lhc/web/wiklou.git] / skins / vector / components / search.less

diff --git a/skins/vector/components/search.less b/skins/vector/components/search.less
index 4252f72..46c3030 100644 (file)
--- a/skins/vector/components/search.less
+++ b/skins/vector/components/search.less
@@ -55,18 +55,21 @@ div#simpleSearch {
 
                // These rules MAY NOT be merged because of how CSS requires browsers
                // to parse unrecognized selectors!
+               // Note these rules ensure that placeholder text can be distinguished from
+               // standard text. In browsers which make this distinction clear these rules
+               // are not necessary.
+               // For inputs that use jquery.placeholder.js e.g. IE9-
                &.placeholder {
                        color: #999;
                }
+               // Distinguish placeholder text in IE10+
                &:-ms-input-placeholder {
                        color: #999;
                }
+               // Distinguish placeholder text in Firefox 18-
                &:-moz-placeholder {
                        color: #999;
                }
-               &::-webkit-input-placeholder {
-                       color: #999;
-               }
 
                // Undo the styles Webkit browsers apply to type=search fields,
                // we provide our own
@@ -90,7 +93,8 @@ div#simpleSearch {
                height: 100%;
                cursor: pointer;
                /* Hide button text and replace it with the image. */
-               text-indent: 100%;
+               /* This would be 100% if not for Firefox shenanigans (bug 60900). */
+               text-indent: 200%;
                /* Needed to make IE6 respect the text-indent. */
                line-height: 1;
                /* Opera 12 on RTL flips the text in a funny way without this. */