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

来源:2-8 编程练习

qq_慕丝1448851

2020-07-22 16:55:40

<!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://img.mukewang.com/climg/5f17ff0009b0e0d208630610.jpg

写回答

2回答

好帮手慕夭夭

2020-07-22

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

http://img.mukewang.com/climg/5f18129309d50b2a03890125.jpg

http://img.mukewang.com/climg/5f1812a509b233ef01990116.jpg

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

祝学习愉快~

0

好帮手慕夭夭

2020-07-22

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

http://img.mukewang.com/climg/5f18032109455b7902510141.jpg

祝学习愉快~

0
hq_慕丝1448851
h 关于 Chrome Chrome 徽标 Google Chrome Google Chrome 已是最新版本 版本 84.0.4147.89(正式版本) (64 位) 获取有关 Chrome 的帮助 报告问题 我看了下是谷歌正式版最新版本啊
h020-07-22
共1条回复

0 学习 · 6815 问题

查看课程