add span to hide dropdown on firefox

occurred · May 6, 2015 · eee73f5 · eee73f5
1 parent 491394f
commit eee73f5
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 3 deletions.
diff --git a/pretty-select/index.html b/pretty-select/index.html
@@ -5,7 +5,8 @@
   <link rel="stylesheet" type="text/css" href="styles.css">
 </head>
 <body>
-  <div class="pretty-select">
+  <div class="select">
+    <span class="arr"></span>
     <select>
       <option>All about that bass</option>
       <option>Dear Future Husband</option>

diff --git a/pretty-select/styles.css b/pretty-select/styles.css
@@ -11,7 +11,17 @@ body {
   display: inline-block;
 }
 
-.select:before {
+.select .arr {
+  background: #fff;
+  bottom: 5px;
+  position: absolute;
+  right: 5px;
+  top: 5px;
+  width: 50px;
+  pointer-events: none;
+}
+
+.select .arr:before {
   content: '';
   position: absolute;
   top: 50%;
@@ -23,7 +33,7 @@ body {
   border-right: 10px solid transparent;
 }
 
-.select:after {
+.select .arr:after {
   content: '';
   position: absolute;
   top: 50%;