老师看下我的代码哪里有问题,好像没出现效果

老师看下我的代码哪里有问题,好像没出现效果

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <style>
        input:-webkit-autofill {
            -webkit-box-shadow: 0 0 0 1000px red inset;
        }
    </style>
</head>
<body>
    <input type="text" name="user" autocomplete="off">
    <input type="submit">
</body>
</html>


正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕慕子 2020-02-16 19:19:14

同学你好,这道题主要实现的效果是:去除表单项默认填充背景颜色。

抱歉老师一开始看错了要求,给同学造成了误解, 老师以后会更加严谨一点的。

以最终实现的效果的为准, 同学的代码就是正确的。

另,目前高版本的谷歌浏览器背景颜色已经不是黄色了,同学可以不用太担心

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

好帮手慕慕子 2020-02-16 18:40:40

同学你好,将autocomplete属性值修改为on就可以了,示例:

http://img1.sycdn.imooc.com//climg/5e491bf309298c2713600184.jpg

http://img1.sycdn.imooc.com//climg/5e491c1b096064ce04460082.jpg

如果我的回答帮助到了你,欢迎采纳,祝学习愉快~

  • 提问者 武桜 #1
    题目不是要求关闭自动填充吗,改为on岂不是不符合需求了吗?
    2020-02-16 18:58:35
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
3.WebAPP开发与小程序
  • 参与学习           人
  • 提交作业       622    份
  • 解答问题       6815    个

微信带火了小程序,也让前端工程师有了更多的展现机会,本阶段带你从移动基础知识的学习到webAPP开发,及小程序开发,让你PC端与移动端两端通吃。

了解课程
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师