fix(md-range): set theme color on thumb

tested on Firefox and Chrome close #176
aurelia-ui-toolkits · May 14, 2016 · 2c15816 · 2c15816
1 parent 6f0c844
commit 2c15816
Showing 1 changed file with 9 additions and 3 deletions.
diff --git a/src/colors/md-colors.html b/src/colors/md-colors.html
@@ -190,11 +190,17 @@
   }
 
   /* range */
-  md-range .range-field input[type="range"]::-webkit-slider-thumb, md-range .range-field input[type=range]::-moz-range-thumb, md-range .range-field input[type=range]::-ms-thumb {
-    background-color: ${mdAccentColor} !important;
+  md-range .range-field input[type="range"]::-webkit-slider-thumb {
+    background: ${mdAccentColor};
+  }
+  md-range .range-field input[type="range"]::-moz-range-thumb {
+    background: ${mdAccentColor};
+  }
+  md-range .range-field input[type="range"]::-ms-thumb {
+    background: ${mdAccentColor};
   }
   md-range input[type="range"] + .thumb {
-    background-color: ${mdAccentColor};
+    background-color: ${mdAccentColor}!important;
   }
 
   /* select */