2012-01-28 7 views
3

可能性の重複:
Background Image for Select (dropdown) does not work in Chrome選択ボックスの背景画像

私はこのコードを使用していますhttps://www.google.com/images/nav_logo101.png に選択ボックスの背景画像を変更する必要があります。

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

それはささいなことかもしれませんが、私はあらゆる種類のことを試みました。残念なことに、 yのすべてのfailed.AnyヘルプがFIXED

をいただければ幸いです。私はそれを修正するためにこれを使用:

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

あなたは何を試してみましたか?そして、あなたは何かエラーを得ますか?また、なぜGoogleスプライトシートを使用しようとしていますか? – Ktash

+0

Googleロゴはデモ用です。私は私のHD上で他の画像を持っています – cppit

+0

コメントに基づいて、のdupe:http://stackoverflow.com/q/2226666/422184 – Ktash

答えて

4

ここを見てhttp://jsfiddle.net/8FydL/

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

Mattiaさん、ありがとうございました。私が試したことですが、クロームでは動作しません。 – cppit

+0

私はクロムを使用し、それは私のために働く...私はすべてのCSSコードを見ることができますか?私はあなたを助けることができます –

+0

http://jsfiddle.net/8FydL/クロムで開いた場合、同じページ画像が表示されません – cppit