How to set Select box background in WebKit?

Question

I want to set Select box of transparent background

I used CSS of select {background: transparent}

But it not working. how do I do?

http://qooxdoo.org/documentation/general/webkit_css_styles checkout styles here. — amolv, Jun 07 '11 at 05:05
this question is addressed here: http://stackoverflow.com/questions/4142619/how-to-make-select-element-be-transparent-in-chrome — Heraldmonkey, Nov 13 '12 at 09:49

score 4 · Answer 1 · answered Jan 21 '13 at 16:54

4

Try adding

-webkit-appearance: none;

answered Jan 21 '13 at 16:54

ANDiTKO

score 0 · Answer 2 · answered Jun 07 '11 at 05:05

0

try this:

select {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

That is if you want to create a transparent select tag

answered Jun 07 '11 at 05:05

Ibu

I don't think use the opacity can set a transparent background select, Because it will select box and text and borders are transparent – Jasper Jun 07 '11 at 05:13
Oh now i understand your question better. simply use a transparent image in your background – Ibu Jun 07 '11 at 05:20
I tried this CSS background: url(images/transparent.gif), It not working why? – Jasper Jun 07 '11 at 10:06
a transparent background always work. most overlays use transparent backgrounds in css2. are you testing in IE7 or less? not that is matters really but i have always preferred pngs when it comes to transparency – Ibu Jun 07 '11 at 15:43

2 Answers2