我正在开发这个web应用程序。客户正在iPhone上进行测试，看到输入后的白色背景。我没有iPhone，但我用了这个模拟器，它也显示白色背景。我尝试了很多技巧，但白色的背景仍然存在。此外，当我点击输入时，周围有蓝色的轮廓线，它不应该在那里，因为我明确地删除了轮廓线。
这是我应用到输入的样式。任何想法吗?
.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;
}
我在我的windows上安装了Safari(5.1.7版本，已弃用)，并看到了这个问题。似乎有些选择器在Safari中不受支持，因此它没有加载任何选择器。所以我去掉了focus-visible,内把重点放在和选择器，现在可以正常工作了。