...for a combo box.

background-color:transparent does not seem to work.

anyone tried to do this before?


;purk

Can we see the code or a page ?

<select name="gender" id="gender" style="border-style:none; background-color:transparent; height:15px; font-size:10px;">
<option value="m" > male </option>
<option value="f" > femaie </option>
</select>

i'm surprised no one has come across this before.

;purk

Now, I think you can pretty much do any color for those, but you can't do transparent or image backgrounds.

At least, I think =/

This worked for Firefox.
http://www.webmaster-talk.com/html-f...rm-fields.html

Not sure how to get it to work in IE.

<select name="gender" id="gender" style="-moz-opacity:0.3;
filter:Alpha(Opacity=30">

Unfortunately.. you don't.

Originally Posted by LadynRed

Unfortunately.. you don't.

haha :P

Originally Posted by LadynRed

Unfortunately.. you don't.

Should have guessed that one

thanks anyway folks


;purk

You must assign the style properties in the <option> tag.

<select name="gender" id="gender" style="border-style:none; height:15px; font-size:10px;">
<option value="m" style="background-color:transparent"> male </option>
<option value="f" style="background-color:transparent"> female </option>
</select>

But, nothing will work for that because if there is not a color value and it is assigned "transparent", it will just use it's default color because it has to prevent text from showing through the dropselect. It makes it hard to read. So regardless of what you do, you're still pretty much screwed.

Did it work for you killdude69? All I see is a white background in IE and Firefox.

Originally Posted by joder

Did it work for you killdude69? All I see is a white background in IE and Firefox.

That is all it is going to be. I have already explained that if a background is assigned a transparent value, it will render it in the default color. Because if it were transparent, text from other parts of the page would show through, hamper the users abillity to read your page easily.

I don't know how your page is constructed, but you could draw a layer and add the alpha filter in CSS and set the opacity to whatever you want. Just erase everything except opacity=? and replace ? with aplha value and it will work. You wont see it in design view, but the alpha effect will be visible in browser.