chrome中文本框样式问题

　　在用bootstrap开发一个登录表单时，在chrome浏览器测试发现以下问题。

　　1 在text输入框中重复输入相同内容时会有提示

　　单击提示框内容后文本框会出现黄色背景。

　　调试发现，chrome浏览器会自动给文本框添加如下样式　

　　input:-webkit-autofill, textarea:-webkit-autofill, select:-webkit-autofill {
　　　　background-color: rgb(250, 255, 189);
　　　　background-image: none;
　　　　color: rgb(0, 0, 0);
　　}

　　解决方法：在<form>标签中添加属性autocomplete="off"。

　　2 输入框获得焦点时出现蓝色边框特效，如上面几幅图。

　　解决方法：input{outline:medium;}

转载于:https://www.cnblogs.com/zwr99/p/4533392.html

chrome中文本框样式问题相关推荐

Python批量设置pptx文件中文本框边框与填充样式（含20分钟视频讲解）
近期会议: 10月30-11月1日全国高校Python课程高级研修班(苏州) 推荐图书: <Python程序设计(第3版)>,(ISBN:978-7-302-55083-9),董付国,清 ...
html让文本框左剧中对齐_Python批量设置pptx文件中文本框边框与填充样式（含20分钟视频讲解）...
近期会议:10月30-11月1日全国高校Python课程高级研修班(苏州)推荐图书:<Python程序设计(第3版)>,(ISBN:978-7-302-55083-9),董付国,清华大学 ...
axure切换焦点文本框样式
在之前的文章中,我们介绍过在axure中自定义文本框样式的方法,今天我们再深入一些,当文本框的焦点发生变化时,动态切换焦点文本框的样式. 先看效果: 制作步骤: 先把文本框的默认样式做出来: 拖入两个 ...
css文本框样式收集
鼠标一上去变成浅绿色 <html> <head> <title>css-文本框</title> <style type="text/cs ...
html的textarea标签的文本显示，文本框样式简单设置
html的textarea标签的文本显示,文本框样式简单设置后端传递数据如何在textarea标签的文本框内显示,如下. <textarea id="text" type= ...
CSS之文本框样式和水平居中
文章目录 1 CSS使用 1.1 文本框样式 1.1.1 鼠标一上去变成浅绿色 1.1.2 文本框提示样式,鼠标点击获得焦点时提示内容消失 1.1.3 input文本框样式 1.1.4 只有下划线的文 ...
怎样美化html文本框,HTML/css文本框样式美化代码
HTML/CSS文本框样式美化代码输入框景背景透明: 鼠标划过输入框,输入框背景色变色: style="width: 106; height: 21" οnmοuseοut=&q ...
html input文本框样式,css设置input文本框样式代码实例_html/css_WEB-ITnose
css设置input文本框样式代码实例: 使用css设置input元素的样式是最为常用的操作之一,当然也是最为基础的操作,可能对于刚刚接触css的朋友还不够熟悉,下面就通过一段简单的代码历史演示一下如 ...
word文本框线形怎么设置_Word2010怎么设置文本框样式和颜色
在Word2010文档中,用户可以根据文档需要为文本框设置纯颜色填充.渐变颜色填充.图片填充或纹理填充,使文本框更具表现力.在Word2010文档中设置文本框填充效果,不懂的朋友会请多多学习哦. Wo ...
Chrome中输入框默认样式移除
Chrome中输入框默认样式移除在chrome浏览器中会默认给页面上的输入框如input.textarea等渲染浏览器自带的边框效果 IE8中效果如下: Chrome中效果如下: 这在我们未给输 ...

chrome中文本框样式问题

chrome中文本框样式问题相关推荐

最新文章

热门文章