Html 占位符文本在safari上不可见

我使用以下css属性将颜色应用于占位符：

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

但在狩猎中它是看不见的

尝试添加css

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

---

更新了我的fiddle

对我来说似乎没问题，我正在我的一个项目中实施它，它在那里不起作用。请检查Safari中的链接。在Mac上Safari版本7.0.5（9537.77.4）上工作正常在Safari版本5.1.7（7534.57.2）上不工作在Safari-版本5.1.7（7534.57.2）我已经检查了你给我的网站，它似乎没有css问题。只要我点击输入（即名称），然后点击外部，所有内容都会正确显示。是的，很好，只要我点击它，所有内容都会正确显示。但它不是第一次出现。