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

hykeda7年前HTML5307
若在浏览器中记住密码,再次打开时,表单中自动填充的文本框和下拉框都变成了黄色背景,影响界面美观,可以使用以下样式修正:
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;
}

相关文章

H5缓存机制

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

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

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

移动端预览pdf插件

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

flex 伸缩盒子

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

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

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

关于直播推流、拉流、相关协议的理解

关于直播推流、拉流、相关协议的理解

1. 推拉流:什么是推流推流,指的是把采集阶段封包好的内容传输到服务器的过程。其实就是将现场的视频信号传到网络的过程。“推流”对网络要求比较高,如果网络不稳定,直播效果就会很差,观众观看直播时就会发生...

发表评论    

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