Skip to content

Commit a938c76

Browse files
committed
Add code to remove the <select> arrow on IE10
1 parent bd3f6a3 commit a938c76

File tree

3 files changed

+13
-4
lines changed

3 files changed

+13
-4
lines changed

formhack.css

+5-1
Original file line numberDiff line numberDiff line change
@@ -182,6 +182,10 @@ select {
182182

183183
}
184184

185+
select::-ms-expand{
186+
display: none;
187+
}
188+
185189
select[multiple] {
186190
height: auto;
187191
min-height: var(--fh-input-height);
@@ -270,4 +274,4 @@ input[type="submit"]:focus,
270274
input[type="reset"]:focus {
271275
background-color: var(--fh-button-hover-bg-color);
272276
color: var(--fh-button-hover-font-color);
273-
}
277+
}

formhack.sass

+4-2
Original file line numberDiff line numberDiff line change
@@ -176,6 +176,8 @@ select
176176
-ms-appearance: none
177177
-o-appearance: none
178178

179+
::-ms-expand
180+
display: none
179181

180182
select[multiple]
181183
height: auto
@@ -261,7 +263,7 @@ button:focus
261263
border-color: $fh-focus-border-color
262264

263265
input[type="checkbox"]:focus,
264-
input[type="radio"]:focus
266+
input[type="radio"]:focus
265267
outline: $fh-focus-border-color solid 2px
266268

267269
button:hover,
@@ -271,6 +273,6 @@ input[type="reset"]:hover,
271273
button:focus,
272274
input[type="button"]:focus,
273275
input[type="submit"]:focus,
274-
input[type="reset"]:focus
276+
input[type="reset"]:focus
275277
background-color: $fh-button-hover-bg-color
276278
color: $fh-button-hover-font-color

formhack.scss

+4-1
Original file line numberDiff line numberDiff line change
@@ -184,6 +184,9 @@ select {
184184
-moz-appearance: none;
185185
-ms-appearance: none;
186186
-o-appearance: none;
187+
&::-ms-expand {
188+
display: none;
189+
}
187190
}
188191
}
189192

@@ -286,4 +289,4 @@ input[type="submit"]:focus,
286289
input[type="reset"]:focus {
287290
background-color: $fh-button-hover-bg-color;
288291
color: $fh-button-hover-font-color;
289-
}
292+
}

0 commit comments

Comments
 (0)