title: Css trying to make first character in input field uppercase
body: <p>I am trying to make the first character in a input field uppercase.</p>
  
  <p>So far I have tried:</p>
  
  <pre><code>input:first-letter {text-transform:capitalize !important}
  input:first-letter {text-transform:uppercase !important}
  </code></pre>
  
  <p>I have also tried to make the input field styled <code>display:block;</code> and <code>display:inline-block;</code> but with no luck.</p>
  
  <p>I am using the latest version of chrome. If I look in the inspector the </p>
  
  <pre><code>input:first-letter {text-transform:capitalize !important} is flagged to be active but it does not work.
  </code></pre>
  
  <p>I am open to any Jquery solutions as well</p>
  
  <p>Thanks,</p>