CODEWITHSUNDEEP
css
PRANAV
PRANAV

Reputation: 1109

CSS for Hide arrow from select list tag

form select.form-control {     -moz-appearance: none; }

I am using below css for hiding arrow from select list element but it's not working in Firefox 34 version. is there any css fix for older browser version

https://jsfiddle.net/utLxvqbx/

Upvotes: 2

Views: 7346

Answers (1)

user5496018
user5496018

Reputation:

add this to your css:

select {
    -webkit-appearance: none;
    -moz-appearance: none;
    text-indent: 1px;
    text-overflow: '';
}

See fiddle: https://jsfiddle.net/utLxvqbx/2/

Upvotes: 3

Related Questions