美文网首页
【CSS】消除浏览器输入框自动填充的背景色

【CSS】消除浏览器输入框自动填充的背景色

作者: KimYYX | 来源:发表于2018-02-24 10:17 被阅读0次

    A:目前发现使用正常的手段,比如用 background-color 覆盖,均不能消除黄色背景。网上查阅相关文章,每个人都有自己的想法。但我发现有下面这种方法貌似是最简单的:

    input:-webkit-autofill,
    textarea:-webkit-autofill,
    select:-webkit-autofill {
        box-shadow: inset 0 0 0 1000px #fff;
    }
    

    因为 box-shadow 能生效,所以用内阴影来覆盖掉黄色背景。方法虽然简单,但凡事有两面性,我们来简单罗列下

    优点

    • 使用简单

    缺点

    • 要求文本框的背景色要统一,不然就得按各个文本框的背景色设置阴影颜色
    • 当第一次选择自动填空项的时候,黄色背景会闪一下,然后消失

    相关文章

      网友评论

          本文标题:【CSS】消除浏览器输入框自动填充的背景色

          本文链接:https://www.haomeiwen.com/subject/fmqqxftx.html