Home › Forums › CSS › Any advice on removing › Re: Any advice on removing
March 12, 2013 at 9:54 am
#127878
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 */
}