浏览器的前缀

-moz-、-webkit-、 -o-这些都是浏览器前缀。
常用前缀和浏览器的对应关系如下：

Firefox: -moz-
Chrome, Safari: -webkit-
Opera: -o-
IE: -ms-

这个就是CSS的兼容性问题。

修改浏览器自动填充账号密码的样式

这就需要使用前缀进行修改了。

input:-webkit-autofill , textarea:-webkit-autofill, select:-webkit-autofill {                                                                                       
    -webkit-text-fill-color: #ededed !important;
    -webkit-box-shadow: 0 0 0px 1000px transparent inset !important;
    background-color:transparent;
    background-image: none;
    transition: background-color 50000s ease-in-out 0s; /* 背景色透明 生效时长 过渡效果 启用时延迟的时间 */
}
input {
    background-color:transparent;
}