2-8css伪类时为什么不能用background-color而是要用box-shadow

2-8css伪类时为什么不能用background-color而是要用box-shadow

<!DOCTYPE html>
<html>
    <head>
  <meta charset="UTF-8">
  <title></title>
    <style>
  /*在此处填写代码*/
 input[type="email"]::-webkit-autofill{
     background-color:none;
 }
 </style>
 </head>
 <body>
  <!--在此处填写代码-->
  <form>
      <input type="email" autocomplete="off" name="email">
      <input type="submit">
  </form>
 </body>
</html>


正在回答

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

1回答

你好,Chrome浏览器默认设置填充颜色为黄色,所以不能通过修改背景颜色进行覆盖,就可以使用盒阴影进行设置,如下:

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

并且伪类使用一个:。

可以完善测试下,祝学习愉快!

  • weixin_慕哥8086897 提问者 #1
    那老师除了盒阴影还有什么能改变填充颜色嘛
    2019-02-11 12:45:47
  • 如果background属性设置不成功的话,一般使用盒阴影进行设置,同学会使用这种方式就可以。
    2019-02-11 14:18:24
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

0 星
响应式开发与常用框架 2018
  • 参与学习           人
  • 提交作业       2198    份
  • 解答问题       5012    个

如果你有web端基础,既想进阶,又想进军移动端开发,那就来吧,我们专题为你带来的课程有HTML5、CSS3、移动基础、响应式、bootstrap、less等,让你在前端道路上畅通无阻!

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

在线咨询

领取优惠

免费试听

领取大纲

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