Added styling for input placeholder
authorMarcel Werk <burntime@woltlab.com>
Mon, 6 May 2013 12:47:43 +0000 (14:47 +0200)
committerMarcel Werk <burntime@woltlab.com>
Mon, 6 May 2013 12:47:43 +0000 (14:47 +0200)
wcfsetup/install/files/style/form.less
wcfsetup/install/files/style/layout.less

index e910b219bcf69a97dbd94884011caa42a0ffbc5f..e431de9b1e9feffc9da775981c71c104258b7d16 100644 (file)
@@ -233,6 +233,16 @@ select[multiple] {
        border-style: solid;
        border-width: 1px;
        color: @wcfInputColor;
+       
+       &::-webkit-input-placeholder { /* WebKit browsers */
+               color: lighten(@wcfInputColor, 20%);
+       }
+       &::-moz-placeholder { /* Mozilla Firefox 19+ */
+               color: lighten(@wcfInputColor, 20%);
+       }
+       &:-ms-input-placeholder { /* Internet Explorer 10+ */
+               color: lighten(@wcfInputColor, 20%);
+       }
 }
 
 /* hover */
index f9387cafa949f0242978c8b73b2614e75782a6ae..c7485940b68bac617082ae13973d6617a7972dd9 100644 (file)
                                        &:focus {
                                                outline: 0;
                                        }
+                                       
+                                       &::-webkit-input-placeholder { /* WebKit browsers */
+                                               color: darken(@wcfUserPanelColor, 20%);
+                                       }
+                                       &::-moz-placeholder { /* Mozilla Firefox 19+ */
+                                               color: darken(@wcfUserPanelColor, 20%);
+                                       }
+                                       &:-ms-input-placeholder { /* Internet Explorer 10+ */
+                                               color: darken(@wcfUserPanelColor, 20%);
+                                       }
                                }
                        }