Home/ Questions/Q 6852015
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-27T01:19:11+00:00

Possible Duplicate: How to make a custom select option menu style without image in

  • 0

Possible Duplicate:
How to make a custom select option menu style without image in CSS?

Is it possible to customise the look of HTML select option menus aswell as its attached button and how do you do so it if it is?

For example I have a menu that looks like this

<select id="music" title="Music Genres">
<option>Ambient</option>
<option>Acoustic</option>
<option>Alternative</option>
<option>Beat</option>
<option>Break</option>
<option>Bass</option>
</select>

but I need to make it look like the rest of my website and not its default design

I found this video tutorial on Youtube that tells you a way of how it can be done (sort of) http://www.youtube.com/watch?v=jzvRue8pS-U

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It’s very hard to style <select> tags properly as different browsers/operating systems render them differently.

    You can build a select box-type control using JavaScript and, if you’re using jQuery, there are plenty of plugins to do just that, like this one. Googling jquery select box should get you started.

    Of course it’s possible to do without jQuery, but more difficult. At the end of the day: Styling <select> tags is very unreliable. While very basic properties are supported, most CSS properties are not.

    • 0