Question

I want to show the image in the select drop-down box in the google chrome.
only in google chrome not showing the image, but all browser show the image.

Google chrome image look like…

All browser show image look like…

So i want to make same select box in all browser.

My code is..

.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;
}

Please help me.

Thank You.

Answer 1

Try this,put your background image in background:url and paste rest of code and adjust all parameters accordingly.

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;