Background Image For Select Box Does’n Work In Google Chrome

Have you tried setting background-image or transparent color for select box in Google chrome 2.0. It doesn’t work since there is a problem with 2.0 version. You can try  out an example here: http://jsfiddle.net/JeaffreyGilbert/PbYFT/

The Problem:

  HTML:


CSS:
  select {
   background:url(http://imgur.com/MJyZM.png) 0 0 no-repeat;
  }

The above code displays select box as shown below:
 Google Chrome:                                             Actual Result:
                                                     

 Solution:
The one and only the solution is to upgrade your chrome browser to 3.0. In 3.0, they have rectified this error.

Leave a Reply

Your email address will not be published. Required fields are marked *