raisely/base

Select boxes lose drop-down styles in FF, Chrome, Safari

Closed this issue · 1 comments

I'm not sure if this is expected behaviour, but in '_forms.less' - this rule (truncated here for brevity) seems to remove the drop-down arrow from select inputs in FF, Chrome and Safari:

// Form Elements
// -------------------

select {
-webkit-appearance: none;
}

Overriding it restores the drop-down arrow:

// Misc Additions

select {
-webkit-appearance: menulist;
}

Select inputs should probably have never been included in that list, they don't really need a CSS reset so I've just removed them in 1d37af9