S
scott
I'm trying to display a small "color square" to the left of each combo box
choice. I know I can make each choice have a different background color, but
is it possible to display a background image for each row? In my code below,
I'm trying to display img_color1.gif which is a 5 pixel wide by 10 pixel
high transparent gif with a small color square on the background of a
choice.
My end goal is to have an Outlook looking combo box like the "LABEL" option
on outlook 2003's calendar event.
<style>
.cboColor1 {
background: url('http://www.mileslumber.net/images/img_color1.gif')
no-repeat;
}
.cboColor2 {
background: url(http://www.mileslumber.net/images/img_color1.gif) right
top
}
.cboColor3 {
list-style-type: disc; color:#3A3E59
}
</style>
' HTML Combo below
<select size="1" name="cboColors">
<option value="1">Choice 1</option>
<option value="2" style="background-color:blue; color:white">Choice
2</option>
<option value="3" class="cboColor1">Choice 3</option>
<option value="4" class="cboColor2">Choice 4</option>
<option value="5" style="background:
url('http://www.myweb.com/images/img_color1.gif') no-repeat;
color:white">Choice 5</option>
<option value="6" class="cboColor3">Choice 6</option>
choice. I know I can make each choice have a different background color, but
is it possible to display a background image for each row? In my code below,
I'm trying to display img_color1.gif which is a 5 pixel wide by 10 pixel
high transparent gif with a small color square on the background of a
choice.
My end goal is to have an Outlook looking combo box like the "LABEL" option
on outlook 2003's calendar event.
<style>
.cboColor1 {
background: url('http://www.mileslumber.net/images/img_color1.gif')
no-repeat;
}
.cboColor2 {
background: url(http://www.mileslumber.net/images/img_color1.gif) right
top
}
.cboColor3 {
list-style-type: disc; color:#3A3E59
}
</style>
' HTML Combo below
<select size="1" name="cboColors">
<option value="1">Choice 1</option>
<option value="2" style="background-color:blue; color:white">Choice
2</option>
<option value="3" class="cboColor1">Choice 3</option>
<option value="4" class="cboColor2">Choice 4</option>
<option value="5" style="background:
url('http://www.myweb.com/images/img_color1.gif') no-repeat;
color:white">Choice 5</option>
<option value="6" class="cboColor3">Choice 6</option>