drop down menu form + css

[diacono]

well i played aroud with css and the forms i i quite like it.
i was able 2 make diferent backgrounds for each option but what i cant seem to do is get the first entry (top one) in bold. example

is this possible?
tia

[lynlimz]

did you use font-weight: bold ?

[diacono]

yes i did but i couldnt get it 2 work that way...

[lynlimz]

do you use an external style sheet?

try specifying the styles in the <option>

[diacono]

yes i'm using an external style sheet (does it make a diferecne??)

i've got this on the css:

.input  { border: 1px solid #808080; font-family: verdana; font-size:11; color: #000000; background-color: #e0e0e0; }

the form is:

<select class="input"  align="left" name="URLSelect" onchange="changePage(this.form)">
<option value="" selected>.:Quick links
<option style="background-color: #f0f0f0">.:Photos site
<option>.:Colombia rocks
<option style="background-color: #f0f0f0">.:Articles
<option>.:Linux cuboid
</select></form>

and as u can see the background changes to #f0f0f0 but if i try "font-weight: bold" nothing happens...!

is it possible?

[lynlimz]

if you want individual styles for the <option>
you have to specify different css styles/class.

like .op1 {}

<option class="op1">


I haven't experimented much with this, but if its possible, it should be the ways i've related to you.