占位符文本在 Safari 上不可见

【问题标题】：Placeholder text not visible on safari占位符文本在 Safari 上不可见
【发布时间】：2015-07-24 19:21:40
【问题描述】：

我正在使用以下 css 属性为占位符应用颜色：

.pro_heading input::-webkit-input-placeholder {
    color: #777;
}

但在 Safari 中它是不可见的。

【问题讨论】：

这对我来说似乎很好jsfiddle.net/b4vfx1L5/1
我正在我的一个项目中实现它，但它不在那里工作。client-review.p3hotels.com/arbutus/our-promise-to-you
请在 Safari 中查看链接。
在 mac 上的 Safari 版本 7.0.5 (9537.77.4) 上运行良好
它不适用于 5.1.7(7534.57.2) 版本

标签： html css mobile-safari placeholder

【解决方案1】：

尝试添加你的css

::-webkit-input-placeholder {
  color: #777;
}
::-moz-placeholder { /* Firefox 19+ */
  color:  #777;
}
:-ms-input-placeholder {
  color:  #777;
}
:-moz-placeholder { /* Firefox 18- */
  color:  #777;
}

更新了我的小提琴https://jsfiddle.net/b4vfx1L5/2/

【讨论】：

它在 Safari 中不起作用 - 版本 5.1.7(7534.57.2)
我已经检查了你给我的网站，它似乎不是 css 问题。一旦我单击输入（例如名称），然后单击外部，所有内容都会正确显示。
是的，没关系，只要我点击它，一切都会变好。但它不是第一次显示。