Only disable outline when box-shadow is supported

filamentgroup · Oct 19, 2016 · be05c63 · be05c63
1 parent 9256736
commit be05c63
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/demo/demo.css b/demo/demo.css
@@ -67,12 +67,16 @@ label {
 }
 /* Focus style */
 .custom-select select:focus {
-	outline: none;
 	/* It'd be nice to use -webkit-focus-ring-color here but it doesn't work on box-shadow */
 	box-shadow: 0 0 1px 3px rgba(59, 153, 252, .7);
 	box-shadow: 0 0 0 3px -moz-mac-focusring;
 	color: #222; /* Match-02 */
 }
+@supports ( box-shadow: none ) {
+	.custom-select select:focus {
+		outline: none;
+	}
+}
 
 /* Set options to normal weight */
 .custom-select option {