HTML Changing background and text colour of menu item

[KIlona]

<select onchange="window.location=this.value">
<option selected disabled>Buy the paperback</option>
<option value="http://www.amazon.com">Amazon</option>
<option value="http://www.yahoo.com">Blackwells</option>
<option value="http://www.yahoo.com">Book Depository</option>
<option value="http://www.yahoo.com">Barnes & Noble</option>
</select>

Hi,

I have a drop down selection list and I'd like to make just the disabled option (Buy the paperback) white text on a background of colour #008b8b. Can someone help me with that?

Also, I'd like the options, when selected, to open in a new window.

(I know my links don't match my options - not done yet!)

I'm a keen beginner so thanks in advance for any help.

 

[simong1993]

Hiya and welcome 😀 how about this

<select onchange="window.location=this.value">
<option class="disabled" selected disabled >Buy the paperback</option>
<option value="http://www.amazon.com">Amazon</option>
<option value="http://www.yahoo.com">Blackwells</option>
<option value="http://www.yahoo.com">Book Depository</option>
<option value="http://www.yahoo.com">Barnes & Noble</option>
</select>

[CODE lang="css" title="Add to the header in "]
.disabled{
color: #FFFFFF;
background-color: #008b8b;
}[/CODE]

as for the new window im not much help with Jquery 😀

 

[BGB]

Is this what you want -

<select onchange="window.open(this.options[this.selectedIndex].value)">
    <option class="disabled">Buy the paperback</option>
    <option value="http://www.amazon.com">Amazon</option>
    <option value="http://www.yahoo.com">Blackwells</option>
    <option value="http://www.yahoo.com">Book Depository</option>
    <option value="http://www.yahoo.com">Barnes & Noble</option>
</select>

 

[KIlona]

Is this what you want -

<select onchange="window.open(this.options[this.selectedIndex].value)">
    <option class="disabled">Buy the paperback</option>
    <option value="http://www.amazon.com">Amazon</option>
    <option value="http://www.yahoo.com">Blackwells</option>
    <option value="http://www.yahoo.com">Book Depository</option>
    <option value="http://www.yahoo.com">Barnes & Noble</option>
</select>

Super star, thank you!

 

[KIlona]

Hiya and welcome 😀 how about this

<select onchange="window.location=this.value">
<option class="disabled" selected disabled >Buy the paperback</option>
<option value="http://www.amazon.com">Amazon</option>
<option value="http://www.yahoo.com">Blackwells</option>
<option value="http://www.yahoo.com">Book Depository</option>
<option value="http://www.yahoo.com">Barnes & Noble</option>
</select>

[CODE lang="css" title="Add to the header in "]
.disabled{
color: #FFFFFF;
background-color: #008b8b;
}[/CODE]

as for the new window im not much help with Jquery 😀

Thanks. This isn't working for me sadly. It's css, isn't it? I didn't understand the difference before but I don't think I can change the colours then because I don't have Wordpress Pro so I can't customise css, I don't think. :-(