2-6,有没有其他办法可以把这颜色去掉呢？
来源：2-8 编程练习
慕九州_HeMoon
2018-04-03 23:19:49
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>2-6</title>
<style>
.container{
width: 300px;
height: 380px;
border: 1px solid #999;
position: relative;
}
.container>.container-header{
width: 300px;
}
.container .container-header div{
float: left;
height: 40px;
padding-top: 12px;
font-size: 20px;
margin: 0 20px;
color: #666;
}
.container .container-header span{
float: right;
font-size: 20px;
font-weight: bold;
color: #666;
padding-top: 12px;
margin-right: 10px;
}
.container .container-header hr{
position: absolute;
top: 45px;
left: 10px;
width: 280px;
}
.container .form{
width: 300px;
text-align: center;
position: absolute;
top: 100px;
}
.container .form input{
height: 35px;
width: 270px;
margin-bottom: 20px;
}
.container .form .checkbox{
width: 20px;
margin-bottom: 0px;
position: absolute;
left: 10px;
top: 110px;
}
.container .form .login-again{
position: absolute;
left: 40px;
top: 120px;
}
.container .form .forget-psw{
position: absolute;
right: 15px;
top: 120px;
}
.container .form .submit{
margin-top: 20px;
border: none;
}
input[type="text"]:-webkit-autofill{
-webkit-box-shadow:0 0 0 1000px white inset;
}
</style>
</head>
<body>
<div class="container">
<div class="container-header">
<div class="login">登录</div>
<div class="register">注册</div>
<span>X</span>
<hr>
</div>
<div class="form">
<form action="" autocomplete="off">
<input type="text" name="user"><br>
<input type="text" name="psw"><br>
<input type="checkbox" class="checkbox"><span class="login-again">下次自动登录</span>
<span class="forget-psw">忘记密码</span><br>
<input type="submit" value="登录" class="submit">
</form>
</div>
</div>
</body>
</html>
麻烦老师帮忙看下代码，是否有改进的地方。
另外对于-webkit之类的知识没有接触过，所以想问下有没有其他方法？
谢谢老师帮助！
1回答
-
怎么都被占用了呢
2018-04-04
-webkit是为了兼容chrome浏览器。然后去掉颜色有2种方式，设置表单属性关闭自动填充表单，或通过css3样式来设置。你都实现的可以呢。
0
相似问题