title: css change the input cursor/caret color
body: <p>first thanks to you.</p>
  
  <p>I want to achieve such features:（for the <code>&lt;input&gt;</code> node）</p>
  
  <ol>
  <li><p>the color of placeholder text is: <code>#b8b9b9</code></p></li>
  <li><p>the color of the text you input is: <code>#4e5050</code></p></li>
  <li><p>the color of the input caret is: <code>#FF0000</code></p></li>
  </ol>
  
  <p>I have already achieved the first two feature 1 and 2,the code is:</p>
  
  <pre class="lang-css prettyprint-override"><code>input[type='text']::-webkit-input-placeholder{
    color: #b8b9b9;
  }
  input[type='text']:-moz-placeholder{
    color: #b8b9b9;
  }
  input[type='text']::-moz-placeholder{
    color: #b8b9b9;
  }
  input[type='text']:-ms-input-placeholder{
    color: #b8b9b9;
  }
  input[type='text']:focus {
    color: #4e5050;
  }
  </code></pre>
  
  <p>But I do not know how to achieve the feature-3.</p>
  
  <p>I have alreay try the function on the <a href="https://stackoverflow.com/questions/7339333/styling-text-input-caret">Styling text input caret</a>,
  but this doesn't work for the mobile safari browser. The mobile safari input caret color is already the default color of the iphone:blue</p>