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

hykeda9年前HTML51801
若在浏览器中记住密码,再次打开时,表单中自动填充的文本框和下拉框都变成了黄色背景,影响界面美观,可以使用以下样式修正:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
/* Change Autocomplete styles in Chrome*/
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 {
  border: 1px solid green;
  -webkit-text-fill-color: green;
  -webkit-box-shadow: 0 0 0px 1000px #000 inset;
  transition: background-color 5000s ease-in-out 0s;
}

相关文章

移动端预览pdf插件

https://npmmirror.com/package/pdfh5/v/1.0.4...

使用swiper 滑动时出现闪一下的问题

在做一个移动端项目时,用swiper 做的页面切换,个别swiper-slide页面里面会发生闪动的情况解决方法:给外部元素的父标例如body,css套一个:transform:translate3d...

触屏版页面,小细节处理总结

取消input在ios下,输入的时候英文首字母的默认大写 <input autocapitalize="off" autocorrect="off" /> input框默认调...

图片上传压缩

转载地址:https://yq.aliyun.com/articles/33569 移动h5开发避免不了上传图片,一般我们使用html自带的控件input或者使用微信上传API。但微...

H5缓存机制

sessionStorage<body> #描述 sessionStorage的使用,存储数据到本地,存储的容量5mb左右 1.这个数据本质是存储在当前页面的内存中 2.它的生命周...

flex 伸缩盒子

父元素 设置 display:flex,使父子元素变成了伸缩盒子。 flex-direction:控制子元素排列方向。     默认为水平排列:row,竖向排列:colu...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。