表单验证2-8编程练习
来源：2-8 编程练习
soso_crazy
2019-02-07 15:29:55
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
/*在此处填写代码*/
input:-webkit-autofill{
-webkit-box-shadow: 0 0 0px 1000px white inset;
-webkit-text-fill-color: #333;
}
</style>
</head>
<body>
<!--在此处填写代码-->
<form>
<input type="text" name="text">
<input type="submit" name="submit">
</form>
</body>
</html>如何用-webkit-autofill控制css样式？
怎样用-webkit-autofill使背景为黄色去掉？
写回答
1回答
-
好帮手慕夭夭
2019-02-11
你好同学 ,如果是Chrome浏览器表单自动填充默认样式 , 在样式前面加前缀-webkit-autofill 就可以了.因为input默认黄色的填充色不能通过修改背景颜色进行覆盖 , 所以同学上传的代码使用-webkit-box-shadow清除黄色背景是正确 . 如果想要设置字体颜色 ,因为默认的字体颜色优先级比较大 ,所以可以如下设置:
祝学习愉快 ,望采纳 .
0
相似问题