title: States for input field when typing
body: <p>Is there some sort of state(like <code>:hover</code>, <code>:focus</code>, <code>:active</code>) for when typing in an input field only using CSS or does this have to be done in another way like JavaScript? </p>
  
  <p>What I want to achieve is to only display a character counter when someone is typing.</p>