我正在開發這個網路應用程式。客戶正在 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;
}
uj5u.com熱心網友回復：
我在 Windows 上安裝了 Safari（BTW 已棄用的 5.1.7 版），并看到了問題。Safari 似乎不支持某些選擇器，因此它不會加載任何選擇器。所以我洗掉了focus-visible、focus-within和target選擇器，現在它可以按預期作業了。
轉載請註明出處，本文鏈接：https://www.uj5u.com/shujuku/326312.html