Fix select icon for Firefox
This commit is contained in:
commit
f8df32c9d5
@ -9,6 +9,7 @@ input[type='search'],
|
|||||||
input[type='tel'],
|
input[type='tel'],
|
||||||
input[type='text'],
|
input[type='text'],
|
||||||
input[type='url'],
|
input[type='url'],
|
||||||
|
input:not([type]),
|
||||||
textarea,
|
textarea,
|
||||||
select
|
select
|
||||||
appearance: none // Removes awkward default styles on some inputs for iOS
|
appearance: none // Removes awkward default styles on some inputs for iOS
|
||||||
@ -26,11 +27,11 @@ select
|
|||||||
outline: 0
|
outline: 0
|
||||||
|
|
||||||
select
|
select
|
||||||
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#d1d1d1" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') center right no-repeat
|
background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="%23d1d1d1" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>') center right no-repeat
|
||||||
padding-right: 3.0rem
|
padding-right: 3.0rem
|
||||||
|
|
||||||
&:focus
|
&:focus
|
||||||
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="#9b4dca" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>')
|
background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" height="14" viewBox="0 0 29 14" width="29"><path fill="%239b4dca" d="M9.37727 3.625l5.08154 6.93523L19.54036 3.625"/></svg>')
|
||||||
|
|
||||||
textarea
|
textarea
|
||||||
min-height: 6.5rem
|
min-height: 6.5rem
|
||||||
|
Loading…
Reference in New Issue
Block a user