title: How to remove text area border when focused on?
body: <p>I have managed to remove the text area border but I want it so the user cant see a border even when they click on it. This is my css as of yet.</p>
  
  <pre><code>.comments{
      border: 0 none #FFF;
      overflow: hidden;
  }
  </code></pre>
  
  <p>I tried making the border transparent, I tried this also but it doesn't work either, also tried it with other attributes active etc.</p>
  
  <pre><code>.comments:focus{
      border: 0 none #FFF;
      overflow: hidden;
  }
  </code></pre>
  
  <p>Is it possible to remove the border when focused on?</p>
  
  <p>The border isn't visible until the textarea is clicked on btw. So border none does work</p>