css - Google chrome træls gul input farve - Udvikleren.dk

Tags: css

Bruger #17119 @ 11.06.12 14:25

Nogen der ved hvordan man fjerner chrome's gullige input farve. Jeg ønsker stadig autocomplete functionen. Men bare ikke baggrunds farven.

jeg har prøvet med !importan. Men det virker ikke

CSS kode

 input { background-color: #FFFFFF !important;

Nogen der har en løsning

På forhånd tak

4 svar postet i denne tråd vises herunder
1 indlæg har modtaget i alt 15 karma

Sorter efter stemmer Sorter efter dato

Bruger #15754 @ 11.06.12 14:32

989

Det kan kun gøres med javascript ellers skal du slå autocomplete fra.

JScript kode

 if (navigator.userAgent.toLowerCase().indexOf("chrome") >= 0) {
     $(window).load(function(){
         $('input:-webkit-autofill').each(function(){
             var text = $(this).val();
             var name = $(this).attr('name');
             $(this).after(this.outerHTML).remove();
             $('input[name=' + name + ']').val(text);
         });
     });
 }

* afhængig af jquery

Se http://code.google.com/p/chromium/issues/detail?id=46543#c22 for flere detaljer.

Indlæg senest redigeret d. 11.06.2012 14:32 af Bruger #15754

Bruger #17119 @ 11.06.12 14:53

Mange tak.

Bruger #13010 @ 11.06.12 17:07

440

Du skriver godt nok baggrundsfarve men dette kan fjerne den gule kant der er når man har valgt feltet.

CSS kode

 input:focus{
    outline-color:transparent;
 }

Indlæg senest redigeret d. 11.06.2012 17:08 af Bruger #13010

Bruger #15754 @ 12.06.12 15:36

989

En optimering på scootergrisens forslag som påvirker alle felter der har focus (chrome laver en gul outline/border på de dem du aktivt bruger)

CSS kode

 input:focus { outline:none; }

Den gør det samme men er kortere.

Google chrome træls gul input farve

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler