make hw-input and hw-input::(all)placeholders darker

bring · Aug 28, 2019 · a25fadc · a25fadc
1 parent 46944b2
commit a25fadc
Showing 1 changed file with 5 additions and 11 deletions.
diff --git a/src/shared/components/input/input.css b/src/shared/components/input/input.css
@@ -3,6 +3,7 @@
  */
 
 .hw-input {
+  color: var(--hw-color-gray-darker);
   position: relative;
   display: block;
   width: 100%;
@@ -17,7 +18,10 @@
   transition: border 100ms;
   -webkit-appearance: none;
 
-  &::placeholder {
+  &::placeholder,
+  &::-webkit-input-placeholder,
+  &:-ms-input-placeholder,
+  &::-ms-input-placeholder{
     color: var(--hw-color-gray-dark);
   }
 
@@ -30,16 +34,6 @@
     outline: 0;
   }
 
-  &::-webkit-input-placeholder {
-    /* Not autprefixed - Chrome/Opera/Safari */
-    color: var(--hw-color-gray-dark);
-  }
-
-  &:-ms-input-placeholder {
-    /* Not autprefixed - IE 10+ */
-    color: var(--hw-color-gray-dark);
-  }
-
   &[disabled] {
     border: 3px solid var(--hw-color-gray-lighter);
   }