select box background image

Question

Possible Duplicate:
Background Image for Select (dropdown) does not work in Chrome

I need to change the select box background image to https://www.google.com/images/nav_logo101.png I am using this code:

<form>
    <select id='selectbox'>
        <option >A</option>
        <option >B</option>
    </select>
</form>

it might sound trivial but I tried all sorts of things and unfortunately they all failed.Any help would be appreciated

FIXED: I used this to fix it:

select#selectbox { -webkit-appearance: none; }

What have you tried? And do you get any errors? Also, why are you trying to use a Google Sprite Sheet? — LoveAndCoding, Jan 28 '12 at 17:06
the google logo is just for a demo. I have an other image on my hd — cppit, Jan 28 '12 at 17:13
Based on comments, dupe of: http://stackoverflow.com/q/2226666/422184 — LoveAndCoding, Jan 28 '12 at 17:24
ohh. doesn't work in chrome. I tested it in firefox it works. any ideas about chrome? — cppit, Jan 28 '12 at 17:12

score 4 · Answer 1 · answered Jan 28 '12 at 17:12

4

form select#selectbox {
    width: 100px;
    height: 50px;
    background-image: url('https://www.google.com/images/nav_logo101.png');
}

answered Jan 28 '12 at 17:12

Mattia Larentis

thanks Mattia, that's what I tried,it doesn't work on chrome... any ideas? – cppit Jan 28 '12 at 17:14
I use chrome and it works for me... Can i see all the css code? i can help you – Mattia Larentis Jan 28 '12 at 17:21
http://jsfiddle.net/8FydL/ this same page if I open it in chrome it doesn't show the image – cppit Jan 28 '12 at 17:30
No idea... I use chrome and http://jsfiddle.net/8FydL works for me :( Try this code: `background-image: url(https://www.google.com/images/nav_logo101.png);` – Mattia Larentis Jan 28 '12 at 17:35
the key for me was defining the height – pat capozzi Jan 25 '16 at 17:36

1 Answers1