0

グーグルクロームの選択ドロップダウンボックスに画像を表示したい。グーグルクロームでのみ画像が表示されませんが、すべてのブラウザで画像が表示されます。

GoogleChromeの画像は次のようになります... ここに画像の説明を入力してください

すべてのブラウザの表示画像は次のようになります... ここに画像の説明を入力してください

だから私はすべてのブラウザで同じ選択ボックスを作りたいです。

私のコードは..

.selectbox_bg {
    background: url("images/contact_texbox_bg.png") no-repeat scroll 0 0 transparent !important;
    border: medium none;
    color: #5D5C5C !important;
    font-size: 15px;
    height: 33px;
    line-height: 33px;
    padding: 6px 10px;
    width: 255px;
}

私を助けてください。

ありがとうございました。

4

2 に答える 2

1

これを試して、背景画像を入れてbackground:url残りのコードを貼り付け、それに応じてすべてのパラメータを調整してください。

background:url(selectbox.png) no-repeat !important;
-webkit-appearance: none;
-moz-appearance: none;
border: medium none;
color: #5D5C5C !important;
font-size: 15px;
height: 33px;
line-height: 33px;
padding: 6px 10px;
width: 255px;
于 2012-11-07T08:02:37.523 に答える
0

あなたはcssでそれを行うことができます

select{
    background-color: #9BD300;   
   border-radius:4px; 
    border:1px #99CC00 solid; 
    padding:4px;
    width:150px
}​

デモ

またはこれを試してください

.selectbox_bg {
    background: url("images/contact_texbox_bg.png");
    background-position: 0 0;        
    background-repeat: no-repeat;
    background-attachment:scroll;
    background-color:transparent;
    border: medium none;
    color: #5D5C5C !important;
    font-size: 15px;
    height: 33px;
    line-height: 33px;
    padding: 6px 10px;
    width: 255px;
}
于 2012-11-07T07:29:22.043 に答える