您现在的位置是:网站首页>前端技术

谷歌浏览器input 输入框输入文字时去掉自带的背景色

前端技术2020年11月28日829浏览

简介autocomplete属性是HTML5中的新属性,规定输入字段是否应该启用自动完成功能。

1606556996(1)

今天简单写了一个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

1606556972(1)

     知识点:   

HTML <input> autocomplete 属性

autocomplete 属性是 HTML5 中的新属性

autocomplete 属性规定输入字段是否应该启用自动完成功能。

自动完成允许浏览器预测对字段的输入。当用户在字段开始键入时,浏览器基于之前键入过的值,应该显示出在字段中填写的选项。

注释:autocomplete 属性适用于 <form>,以及下面的 <input> 类型:text, search, url, telephone, email, password, datepickers, range 以及 color


亲测:以上两种方法都可以


标签: css

1

评论文明上网,理性发言0条评论