CSS background: "none" or "transparent" - and theming a select box?

decibel.places's picture

He has: 1,494 posts

Joined: Jun 2008

Is there a reason to use background: none or background-color: transparent? Does it matter?

Also, how to make the select dropdown transparent? I am able to make the collapsed box transparent, but the dropdown defaults to a white bg and I want to use white text.

(pr0gr4mm3r) here is my search, but not very helpful...

Jack Michaelson's picture

He has: 1,733 posts

Joined: Dec 1999

Theming select boxes is very, very limited and also not cross browser compatible.

It takes some time and effort, but you could make a select box yourself using an expanding div and radio inputs. You can make it fully styleable with css, completely cross browser compatible and the behavior can be added using javascript.

Just some thoughts...

btw: background: none means no background image and background-color:transparent means a transparent 'color'.

Shakespeare: onclick || !(onclick)

decibel.places's picture

He has: 1,494 posts

Joined: Jun 2008

Jack Michaelson wrote:
It takes some time and effort, but you could make a select box yourself using an expanding div and radio inputs.

Actually, if I am going to construct a select box, I would use the UL model

Jack Michaelson wrote:
btw: background: none means no background image and background-color:transparent means a transparent 'color'.

Yes, I understand the distinction between background and background-color, but I was wondering if there are any cross-browser issues or tips...

Basically I am able to set all other form elements as transparent, except select.

Want to join the discussion? Create an account or log in if you already have one. Joining is fast, free and painless! We’ll even whisk you back here when you’ve finished.