Wordpress 我的网站&x27;iphone、ipad和mac上的s输入字段颜色变为白色

Wordpress 我的网站&x27;iphone、ipad和mac上的s输入字段颜色变为白色,wordpress,Wordpress,我在wordpress上使用divi主题设计了我的网站,并提供了所有最新更新。以下是链接- 如果我从windows pc、android mobile访问,一切看起来都很完美,但当我尝试从任何苹果设备访问时,问题就出现了。在apple设备上,输入字段文本和其他一些文本的颜色变为白色。我不知道为什么会这样 我需要帮助,我已经被困了三天了。提前感谢大家不同的操作系统显示的可视元素非常不同。特别是当涉及到阴影DOM(输入字段)时。如果您在css中找不到类似的内容: @supports (-webkit

我在wordpress上使用divi主题设计了我的网站,并提供了所有最新更新。以下是链接-

如果我从windows pc、android mobile访问,一切看起来都很完美,但当我尝试从任何苹果设备访问时,问题就出现了。在apple设备上,输入字段文本和其他一些文本的颜色变为白色。我不知道为什么会这样


我需要帮助,我已经被困了三天了。提前感谢大家

不同的操作系统显示的可视元素非常不同。特别是当涉及到阴影DOM(输入字段)时。如果您在css中找不到类似的内容:

@supports (-webkit-overflow-scrolling: touch) {
  /* CSS specific to iOS devices */ 
}

@supports not (-webkit-overflow-scrolling: touch) {
  /* CSS for other than iOS devices */ 
}
摘自这里:

那么,您使用的可能是操作系统/浏览器

因此,首先我要检查您在测试的每个设备上使用的web浏览器是否相同,例如,firefox、safari、chrome等的视觉元素通常不同。这将告诉您可能是什么(操作系统或web浏览器)


然后我会显式地设置输入字段的CSS属性,将其设置为所有设备所需的颜色。如果做不到这一点,请尝试上面的媒体查询并明确设置IOS设备的颜色。

将此CSS放入主题自定义CSS部分或安装插件“简单自定义CSS”

尝试使用以下CSS:

.et_pb_signup_1 .et_pb_newsletter_form p input[type="text"], .et_pb_signup_1 .et_pb_newsletter_form p textarea, .et_pb_signup_1 .et_pb_newsletter_form p select, .et_pb_signup_1 .et_pb_newsletter_form p .input[type="radio"]+label i, .et_pb_signup_1 .et_pb_newsletter_form p .input[type="checkbox"]+label i {
    background-color: #cccccc!important;
}

这个!重要部分应覆盖主题中的任何其他值。

谢谢大家的回复,我刚刚解决了问题,我已将ios设备不支持的字体上载到主题中


因此,在设置默认字体后,它起作用。

不起作用,它更改了背景,但文本仍然不可见。您希望文本是什么颜色?我会更新我的答案。不起作用,我想如果有任何问题,托管,因为我已经使用这个主题多次没有任何问题。