Getting rid of webkit user-agent stylesheet rules?

Asked Jul 28 '14 at 09:31

Active Jul 28 '14 at 13:41

Viewed 477 times

i've a problem with webkit user agent stylesheet.

here's the css i'm trying to override:

input:-webkit-autofill — user agent stylesheet

background-color: rgb(250, 255, 189) !important; background-image: none !important; color: rgb(0, 0, 0) !important;

here's mine

input:-webkit-autofill background-color: rgba(250, 255, 189, 0.5)!important; color: #000!important;

here's the fiddle jsfiddle.net/Rx27s

i need it to avoid the "background-image:none on my login"

thanks in advance for all

edited Jul 28 '14 at 13:41

asked Jul 28 '14 at 09:31

Michele Marri

Are you using that exact CSS code? It cannot work, since it lacks the `{` and `}` delimiters. – Jukka K. Korpela Jul 28 '14 at 09:40
you want background image for your input? – amol Jul 28 '14 at 09:44
hi guys! thanks for your time. that's my actual code: input[type="password"]{background: url("../graphics/img/password.png") no-repeat!important; background-position:3px 3px!important;} input[type="password"]:hover{background-color:#4fa9a1!important;} input[type="password"]:focus{background-color:#4fa9a1!important;} input:-webkit-autofill {background-color: rgba(250, 255, 189, 0.5) !important; color: rgb(0, 0, 0) !important;} – Michele Marri Jul 28 '14 at 09:53
i've a background image already, but with webkit autofill remove it. :( – Michele Marri Jul 28 '14 at 09:55
can you reproduce your problem in fiddle?? – Suresh Ponnukalai Jul 28 '14 at 09:57
here's the fiddle http://jsfiddle.net/Rx27s/ – Michele Marri Jul 28 '14 at 10:02
but that's a login form. safari will not autocomplete there – Michele Marri Jul 28 '14 at 10:03
Maybe duplicated with https://stackoverflow.com/questions/2338102/override-browser-form-filling-and-input-highlighting-with-html-css – Yu Jiaao May 28 '18 at 14:59

Getting rid of webkit user-agent stylesheet rules?

0 Answers0