Mic demo: add custom arrows to dropdowns

Ofei · May 7, 2015 · 1c0173b · 1c0173b
1 parent 97f2cda
commit 1c0173b
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 5 deletions.
diff --git a/microphone/images/mic-demo-arrow.svg b/microphone/images/mic-demo-arrow.svg
diff --git a/microphone/images/mic-demo-icons.svg b/microphone/images/mic-demo-icons.svg
diff --git a/microphone/styles/demo.css b/microphone/styles/demo.css
@@ -61,11 +61,12 @@ input[type="radio"] + label {
 .mic-controls select {
 	margin-top: 1.2rem;
 	border: 0 none;
-	background: #fff;
+	background: #fff url('../images/mic-demo-arrow.svg') no-repeat right 1rem center;
+	background-size: 9px 5px;
 }
 
 .mic-controls select:focus {
-	background: #d4fdfe;
+	background-color: #d4fdfe;
 	color: #000;
 }