我为客户 here 做了一个相当简单的“即将推出”页面，我有一个非常奇怪的问题。通常情况下，我是我个人认识的每个人的“首选”CSS专家，但在这一点上，我没有资源/想法试图解决这个问题。
在iPhone上，使用默认浏览器（Safari），email输入（type="text"输入，与name字段一样，显示白色边框而不是蓝色边框。客户报告了这个问题（她有一个iPhone6 - 不确定是否是S）我自己测试了一个古老的作品（4s），我们只是在办公室周围进行测试。据我所知，border-color是一个CSS1属性，与border-width和border-style相同。它们都是明确应用的，基本上世界上没有浏览器应该有渲染它的问题。
我无法在任何模拟器或在线代码段工具中重现该问题，因此我在此处发布代码时没有任何意义。我假设有人使用正确的iOS / Safari调试工具/环境可能能够检查元素并查看CSS不适用的原因。我还测试了CSS的错误。我应用的那个（儿童主题）是无bug的。父主题CSS报告了一些问题，但它们主要是供应商前缀。但这是一个很好的，设计良好且编码良好的主题：Kriesi的Enfold。
编辑：在进一步测试时，我刚刚发现color属性也设置为白色，当它应该是相同的蓝色时：#255AA8。
我也欢迎任何关于我如何调试它的想法（在Windows 10机器上）。
感谢您的时间。
答案 0 :(得分：0)
我在主题.js中找到了问题。
显然，它会检测是否在移动设备上（以某种方式正确执行 - 因为脚本不会在模拟器中触发），如果该字段需要电子邮件地址，则type属性会从{{1}更改通过js到text，所以当用户输入他们的电子邮件时会弹出电子邮件键盘布局。
添加
email到我的选择器列表中完成了这项工作。