您现在的位置是:网站首页>前端技术
谷歌浏览器input 输入框输入文字时去掉自带的背景色
【前端技术】芳2020年11月28日3811浏览
简介autocomplete属性是HTML5中的新属性,规定输入字段是否应该启用自动完成功能。
今天简单写了一个input,发现输入文字时,input框有背景色,要去掉背景色有两个方法:
1、form添加 autocomplete 属性
<form autocomplete="off">
<input type="text" name="s" class="search-form_input" placeholder="Search" value="">
</form>
2、css文件中添加样式
input:-webkit-autofill{-webkit-box-shadow: 0 0 0 1000px #fff inset}
#fff根据实际情况更改
同理适用于textarea 、select
知识点:
HTML <input> autocomplete 属性
autocomplete 属性是 HTML5 中的新属性
autocomplete 属性规定输入字段是否应该启用自动完成功能。
自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。
注释:autocomplete 属性适用于 <form>,以及下面的 <input> 类型:text, search, url, telephone, email, password, datepickers, range 以及 color。
亲测:以上两种方法都可以
标签: css
上一篇: 原生js鼠标点击特效
下一篇: 不定宽度ul在div中居中显示
评论文明上网,理性发言0条评论