/*------------------------------------*\ #COMBOBOX \*------------------------------------*/ // Check Inputbox CSS // Check Spinner CSS .input-box--combo-box { -moz-appearance: none; -webkit-appearance: none; appearance: none; min-width: 250px; background-color: $background-default; } .input-box--combo-box ~ .input-box__spinner .input-box__spinner__down:after { top: 10px; } input.input-box--combo-box { min-width: 238px; } // Safari hack. Safari does not support datalist so the user gets a normal dropdown menu. _::-webkit-:host:not(:root:root), input.input-box--combo-box { display: none; } _::-webkit-:host:not(:root:root), datalist.input-box--combo-box { padding: 0; border: none; } .input-box--combo-box ~ .input-box__spinner .input-box__spinner__down:before { display: block; }