Form select element -- can style arrow button?


is it possible to style arrow button for select (dropdown) form element in CSS?

thank you…

Pure CSS no :). JS might be able to but I don’t know.

interesting… for accessibility/JS degradation reasons they asked to do it w/pure CSS… (was wondering: I’ve heard it can be done w/an image (bg-img?)… is this true? what would be the code for that? how is that arrow-btn referred to in CSS?)

thank you…

You could possibly justset a background-image on the <select> element as so

select{background:url(image.jpg) top right;}

I don’t know how well that would work though since I’ve never tried it out personally.