第一个方法去不掉啊,始终都有背景颜色

第一个方法去不掉啊,始终都有背景颜色

<!DOCTYPE html><html lang="zh">    <head>        <meta charset="UTF-8">        <title></title>            <style>        /*在此处填写代码*/    </style>    </head>    <body>        <!--在此处填写代码-->    <form method="post"  autocomplete='off'>        <input type='text' name='text'/>         <input type="submit">    </form>    </body></html>
试了很久这种方法去不掉背景颜色啊,后来我打开问答里面看了下他们的答案我自认为都是一样的关于第一个方法。我想的我可能哪里写错了没看见,于是我复制粘贴过来代码然后删除了同学的第二个方法代码发现也没法去除,然而你们回答采纳的是同学写的很不错喃,加油????????

----------------以下同学代码,能实现,但是删除第二个方法第一个方法根本没用

<html>

    <head>

<meta charset="UTF-8">

<title></title>

        <style>

/*在此处填写代码*/

/*方法二:-webkit-autofill控制css样式*/

/* 给input的私有属性autofill,添加一个内阴影从而遮掩原本的背景色 */

input:-webkit-autofill{

    /* 内阴影 设置为白色*/

box-shadow: 0 0 0 100px #fff inset;

}

    </style>

</head>

<body>

<!--在此处填写代码-->

<!-- 方法一:autocomplete设置表单属性; on改为off-->

<form action="" method="post" autocomplete="on">

     <input type="text" name="user">

     <input type="text" name="pwd">

     <input type="submit">

</form>

</body>

</html>

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

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

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

2回答
好帮手慕夭夭 2020-07-22 18:20:30

同学你好,老师这边升级到最新版本的,测试也没有问题,如下:

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

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

可能是同学那边的浏览器安装的有问题,可以重新卸载安装一下试一试。当然了,不测试也没有关系,因为本题的知识点本身不是很重要,在实际开发中也不常用,简单练习了解一下即可。老师这边帮助你测试没有问题就可以了哦。

祝学习愉快~

好帮手慕夭夭 2020-07-22 17:15:50

同学你好,这个是有兼容性问题的。是不是同学使用的谷歌浏览器版本比较低,老师这边测试同学上传的代码,是没有问题的(如下图)。可以更新一下浏览器版本再测试。如下:

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

祝学习愉快~

  • 提问者 qq_慕丝1448851 #1
    关于 Chrome Chrome 徽标 Google Chrome Google Chrome 已是最新版本 版本 84.0.4147.89(正式版本) (64 位) 获取有关 Chrome 的帮助 报告问题 我看了下是谷歌正式版最新版本啊
    2020-07-22 17:17:17
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

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

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

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