title: Transparency css for placeholder not working for mobile browsers
body: <p>I want to make input fields with zero transparency for <code>placeholder</code> text</p>
  
  <pre><code>&lt;input type="text" placeholder="Enter your name here"  /&gt;
  </code></pre>
  
  <p>I used following css properties which fixed transparent in Firefox but it still shows  text with transparency on iPhone and android browsers</p>
  
  <p>i am using following css</p>
  
  <pre><code>::-webkit-input-placeholder { /* WebKit browsers */
  opacity:  0.8;
  -webkit-opacity:0.8;
   -khtml-opacity: 0.8;
  }
  
  ::-moz-placeholder { /* Mozilla Firefox 19+ */
    opacity:  0.8;
  }
  :-ms-input-placeholder { /* Internet Explorer 10+ */
    opacity:  0.8;
  }
  </code></pre>
  
  <p>How can i make <code>placeholder</code> with 100% opacity for android &amp; iphone browsers.</p>