Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Mottie
Member

Hi DoPeT!

Try either of these solutions (from [this StackOverflow answer](http://stackoverflow.com/questions/5912791/how-to-remove-the-arrow-from-a-select-tag-in-firefox)); but first you’ll need to wrap the narrower selects inside of a “fivesix” element instead of applying that class directly to the select:

.eight, .fivesix {
overflow: hidden;
}
select {
width: 120%;
background: url(“../images/select.png”) no-repeat scroll 90% center #F2F2F2;
}

Alternatively, you could use text-indent to push the arrow out of view… and push your text to the right as well:

.eight, .fivesix {
overflow: hidden;
}
select {
text-indent: 50px; /* you’ll need 50px in your case */
}