Customise drop down menu in a form

[xenia]

Hello everyone,

I would like to ask if anybody knows if and how i can change the default drop down menus that we are using in a form when the user select one of the options.
I would like to customise the part of the menu that click on it and displays the options.


<select name="select">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>




Any ideas?

Thanks,
Xenia

[Wiz Creations]

If you want to make it look different, I guess you could try applying some css styling to it. I'm not sure if it will work, but it's worth a try.

<style>
select {
your attributes
}
option {
your attributes
}
</style>

[xenia]

Yes you are right i can apply css to the background and the text of the drop down menu. However, apart from this what i am trying to do is to change also the arrow that when click on it displays the options.

Do you know if and how i can do that ?

Thanks,
Xenia

[Wiz Creations]

I just did a quick search and came up with these:

http://www.easy-designs.net/articles/replaceSelect/
http://webfx.eae.net/dhtml/select/jsGenerated.html