hi everyone,

I have ever met a website with "select option arrow" that using their own image,like this image:



I have tried to change it using CSS but it's not work,

I try using CSS code like this:

<select class="mycssStyle">
<option></option>
</select>

one day I hear that to change "select arrow button" must using javascript.

Anyone please help me

Thank you very much

That is not an HTML select box control, its a div element inside which the options are listed in an li tag.

The image your are talking about is set as background image for the div and the value selected in the li text is set to the div's text via java script.

Karthick is correct, you cannot change the "arrow" with CSS.

Select elements are NOT HTML elements they are "windowed elements" are are rendered according to the Operating System the browser is running on.

Can someone give me javascript code please?

Thank you
GBU

Originally Posted by gongpex

Can someone give me javascript code please?

Thank you
GBU

It cannot be done with javascript.