title: Placeholder text not visible on safari
body: <p>I'm applying color to the placeholder using the following css property:</p>
  
  <pre><code>.pro_heading input::-webkit-input-placeholder {
      color: #777;
  }
  </code></pre>
  
  <p>But in Safari it's not visible. <a href="https://i.stack.imgur.com/hXmjX.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/hXmjX.jpg" alt="enter image description here"></a></p>