无法删除 Safari 中的白色输入背景，css 未应用

Question

我正在研究 this web application。客户端正在 iPhone 上对其进行测试，并在输入后面看到白色背景。我没有 iPhone，但我使用了 this emulator，它也显示白色背景。我尝试了很多技巧，但白色背景仍然存在。此外，当我单击输入时，它周围有蓝色轮廓，它不应该存在，因为我明确删除了轮廓。

这是我应用于输入的样式。有什么想法吗？

.contact-form .form-control, 
.contact-form .form-control:focus, 
.contact-form .form-control:focus-visible, 
.contact-form .form-control:focus-within, 
.contact-form .form-control:active, 
.contact-form .form-control:target, 
.contact-form .form-control:visited {
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    appearance: none !important;
    background: transparent !important;
    background-clip: padding-box !important;
    background-image: linear-gradient(transparent,transparent) !important;
    background-color: transparent !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
    resize: none;
    font-size: 1.6rem;
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1.5;
    height: auto;
}

Answer 1

我在 windows 上安装了 Safari（顺便说一句，5.1.7 版已弃用），然后发现了问题。似乎某些选择器在 Safari 中不受支持，因此它不会加载任何选择器。所以我删除了 focus-visible、focus-within 和 target 选择器，现在它按预期工作了.

无法删除 Safari 中的白色输入背景，css 未应用

Cannot remove white input background in safari, css not applied

css

iphone

safari