|
|
@@ -340,6 +340,21 @@ textarea {
|
|
|
font-size: max(16px, 1em); /* iOS Safari 16px 以下会缩放 */
|
|
|
}
|
|
|
|
|
|
+/* Safari 自动填充样式覆盖：防止验证码自动填充时背景色和样式被修改 */
|
|
|
+input:-webkit-autofill,
|
|
|
+input:-webkit-autofill:hover,
|
|
|
+input:-webkit-autofill:focus,
|
|
|
+input:-webkit-autofill:active {
|
|
|
+ /* 使用 box-shadow 模拟背景色（Safari 会忽略 background-color） */
|
|
|
+ -webkit-box-shadow: 0 0 0 30px rgba(0, 0, 0, 0.1) inset !important;
|
|
|
+ /* 保持文本颜色 */
|
|
|
+ -webkit-text-fill-color: rgba(245, 243, 240, 0.7) !important;
|
|
|
+ /* 设置背景为透明 */
|
|
|
+ background-color: transparent !important;
|
|
|
+ /* 使用超长 transition 延迟，防止样式被重置 */
|
|
|
+ transition: background-color 5000s ease-in-out 0s, -webkit-box-shadow 5000s ease-in-out 0s;
|
|
|
+}
|
|
|
+
|
|
|
/* Android Chrome 修复：防止地址栏导致高度跳动 */
|
|
|
@supports (-webkit-touch-callout: none) {
|
|
|
#root {
|
