自定义 CSS 不适用于 iPhone 上 Enfold WP 主题中的电子邮件字段
Custom CSS not applying to email field in Enfold WP theme on iPhones
我为客户 here 制作了一个相当简单的 "Coming soon" 页面，但我遇到了一个非常奇怪的问题。通常我是我个人认识的每个人的 "go-to" CSS 专家，但在这个问题上我无法 resources/ideas 试图弄明白。
在 iPhone 上，使用默认浏览器 (Safari)，具有 type="text" 的 email 输入，就像 name 字段一样，显示白色边框而不是蓝色的。客户报告了这个问题（她有一个 iPhone6 - 不确定是不是 S），我自己用一个古老的作品 (4s) 测试了它，我们只是在办公室周围进行测试。据我所知，border-color 是 CSS1 属性，与 border-width 和 border-style 相同。它们都是明确应用的，基本上世界上没有浏览器在渲染它时会有问题。
我无法在任何模拟器或在线代码段工具中重现该问题，因此我认为在此处发布代码没有任何意义。我假设具有适当 iOS/Safari 调试 tools/environment 的人可能能够检查元素并查看为什么 CSS 不适用。我还测试了 CSS 的错误。我应用的那个（儿童主题）没有错误。父主题 CSS 报告了一些问题，但它们主要是供应商前缀。但这是一个很好的、设计良好且编码良好的主题：Kriesi 的 Enfold。
编辑：在进一步测试中我刚刚发现 color 属性 也设置为白色，而它应该是相同的蓝色：#255AA8.
也欢迎任何关于如何调试它（在 Windows 10 机器上）的想法。
感谢您的宝贵时间。
我在主题 .js 中发现了问题...。
显然，它会检测是否在移动设备上（它们以某种方式正确执行 - 因为脚本不会在模拟器中触发）并且如果该字段需要电子邮件地址，则 type 属性从 text 到 email 通过 js，所以电子邮件键盘布局会在用户输入他们的电子邮件时弹出。
添加
#top div .av-light-form input[type="email"] {
}
我的选择器列表完成了工作。
我为客户 here 制作了一个相当简单的 "Coming soon" 页面，但我遇到了一个非常奇怪的问题。通常我是我个人认识的每个人的 "go-to" CSS 专家，但在这个问题上我无法 resources/ideas 试图弄明白。
在 iPhone 上，使用默认浏览器 (Safari)，具有 type="text" 的 email 输入，就像 name 字段一样，显示白色边框而不是蓝色的。客户报告了这个问题（她有一个 iPhone6 - 不确定是不是 S），我自己用一个古老的作品 (4s) 测试了它，我们只是在办公室周围进行测试。据我所知，border-color 是 CSS1 属性，与 border-width 和 border-style 相同。它们都是明确应用的，基本上世界上没有浏览器在渲染它时会有问题。
我无法在任何模拟器或在线代码段工具中重现该问题，因此我认为在此处发布代码没有任何意义。我假设具有适当 iOS/Safari 调试 tools/environment 的人可能能够检查元素并查看为什么 CSS 不适用。我还测试了 CSS 的错误。我应用的那个（儿童主题）没有错误。父主题 CSS 报告了一些问题，但它们主要是供应商前缀。但这是一个很好的、设计良好且编码良好的主题：Kriesi 的 Enfold。
编辑：在进一步测试中我刚刚发现 color 属性 也设置为白色，而它应该是相同的蓝色：#255AA8.
也欢迎任何关于如何调试它（在 Windows 10 机器上）的想法。
感谢您的宝贵时间。
我在主题 .js 中发现了问题...。
显然，它会检测是否在移动设备上（它们以某种方式正确执行 - 因为脚本不会在模拟器中触发）并且如果该字段需要电子邮件地址，则 type 属性从 text 到 email 通过 js，所以电子邮件键盘布局会在用户输入他们的电子邮件时弹出。
添加
#top div .av-light-form input[type="email"] {
}
我的选择器列表完成了工作。