我的谷歌浏览器没有自动填充的颜色啊
来源：2-8 编程练习
vivi_li
2020-06-09 17:28:17
还是只有input类型使文本的才有？这个密码框默认就没有自动填充啊 取消的是文本的颜色自动填充？
2回答
-
好帮手慕久久
2020-06-09
同学你好，问题解答如下：
1. input框的type类型是password时，是没有输入提示的。
2. type类型是tel时，也是可以有提示内容的，如下：
3. 不同的浏览器版本，填充颜色可能不一样，老师这边是蓝色的，如下：
将input的样式注释掉，如下：
如果不注释掉input的样式，表单的填充颜色会被改变，如下：
所以“-webkit-autofill”是用来设置鼠标移入提示信息时input框的填充样式的。
4. 没有理解同学所说的高度塌陷，建议同学截个图，方便老师定位问题。
祝学习愉快！
0 -
vivi_li
提问者
2020-06-09
另外这个在功能实现上有些问题，如果不设置文本框高度，获取焦点输入提交之后，文本框默认高度塌陷了，这个是什么原因？
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title></title>
<style>
/*在此处填写代码*/
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0px 1000px #fff inset;
border: 1px solid #CCC!important;
}
</style>
</head>
<body>
<!--在此处填写代码-->
<form action="" method="post" autocomplete="on">
<input type="text" placeholder="请输入用户名" name="um">
<input type="password" placeholder="请输入密码" autocomplete="on" name="pw">
<input type="submit" value="提交">
</form>
</body>
</html>0
相似问题