如何从伪元素-internal-input-suggested中移除样式？

Question

8

自 Google Chrome 版本 76.0.3809.100 开始，我可以使用新的伪元素自动完成输入框。我想要自动完成功能，但需要删除默认样式。

<div pseudo="-internal-input-suggested" id="placeholder" style="display: block 
 !important;">
    myEMail@gmail.com
</div>

默认情况下Chrome应用的样式：

input::-internal-input-suggested, textarea::-internal-input-suggested {
    font: 400 13.3333px Arial !important;
}

我试图用相同的 input::-internal-input-suggested, textarea::-internal-input-suggested 在我的 CSS 中进行覆盖，但我无法做到。

- Carlos Tenorio Pérez

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Binyamin · Accepted Answer

Carlos，这是Chrome的一个bug #991157，#953689，目前状态为WontFix（不予修复）。

我找到的解决方法是使用:-webkit-autofill和:-webkit-autofill:first-line。

input:-webkit-autofill,
input:-webkit-autofill:first-line {
    font-size: initial;
    line-height: inherit;
    /* font-family: font name; */
}