在野生动物园中看不到占位符文本

Question

I'm applying color to the placeholder using the following css property:

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

But in Safari it's not visible.

Answer 1

Try to add in your css

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

updated my fiddle https://jsfiddle.net/b4vfx1L5/2/