Как удалить белый фон для опции выбора в Chrome?

Question

Вот пример http://jsfiddle.net/h6PLV/ background:none;

В Google Chrome есть белый цвет вокруг опции выбора. В Firefox отлично смотрится.

Как удалить белый цвет в браузере Chrome?

Answer 1

Добавить -webkit-Appearance: нет;

.inputtxt {
    border:0;
    background:none;
    -webkit-appearance: none;
}

jsFiddle пример

Answer 2

Вам необходимо определить браузер, используя jQuery

if($.browser.chrome){
userAgent = userAgent.substring(userAgent.indexOf('chrome/') +7);
userAgent = userAgent.substring(0,userAgent.indexOf('.'));  
version = userAgent;
  // If it is chrome then jQuery thinks it's safari so we have to tell it it isn't
$.browser.safari = false;
         }

Затем вы можете применить к ним несколько изменений в вашем CSS, например, в фоне: ни одного, указав, хром это или нет.

background-color:#ffffff;
background-image:-webkit-gradient(linear, left bottom, left top, color-stop(0,               #f4f4f4), color-stop(0.48, #eeeeee), color-stop(0.5, #f6f6f6), color-stop(0.8, #ffffff));
background-image:-webkit-linear-gradient(center bottom, #f4f4f4 0%, #eeeeee 48%, #f6f6f6 50%, #ffffff 80%);
background-image:-moz-linear-gradient(center bottom, #f4f4f4 0%, #eeeeee 48%, #f6f6f6 50%, #ffffff 80%);
background-image:-o-linear-gradient(top, #f4f4f4 0%, #eeeeee 48%, #f6f6f6 50%, #ffffff 80%);
background-image:-ms-linear-gradient(top, #f4f4f4 0%, #eeeeee 48%, #f6f6f6 50%, #ffffff 80%);
background-image:linear-gradient(top, #f4f4f4 0%, #eeeeee 48%, #f6f6f6 50%, #ffffff 80%);

Answer 3

Не знаю, хотите ли вы, но попробуйте:

 -webkit-appearance:none;