I was found this topic chrome : how to turn off user agent stylesheet settings? but it can't be help for me.
In the Firefox, it's display:
In the Chrome, it's display:
Chrome automatic add UA Style Sheet:
so my icons can not display .
How to turn off it.?
try that option
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus
input:-webkit-autofill,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
-webkit-box-shadow: 0 0 0px 1000px rgba(0, 0, 0, 0) inset !important;
transition: background-color 5000s ease-in-out 0s !important;
}
@-webkit-keyframes autofill {
to {
background: transparent;
}
}
input:-webkit-autofill,
input:-webkit-autofill:hover,
input:-webkit-autofill:focus,
textarea:-webkit-autofill,
textarea:-webkit-autofill:hover,
textarea:-webkit-autofill:focus,
select:-webkit-autofill,
select:-webkit-autofill:hover,
select:-webkit-autofill:focus {
-webkit-animation-name: autofill;
-webkit-animation-fill-mode: both;
}