Hide scroll bars on blur

HTML

<label>
     <h3>Textarea with scroll bar on overflow:</h3>

    <textarea class="before">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In id turpis ut lacus pretium suscipit et lobortis turpis. Proin venenatis, purus sed blandit tincidunt, purus augue ornare nunc, id rhoncus dolor sapien eget leo. Cras quis lorem pellentesque leo commodo aliquet vel sed augue. Donec vehicula sollicitudin mauris, sed venenatis ipsum sagittis non. Suspendisse eget dui ac est sollicitudin pharetra at a sapien. Mauris adipiscing ac metus eget dictum. Vestibulum luctus fringilla ante eu convallis. Quisque tempor est ut elit imperdiet, aliquet convallis tortor congue. Donec bibendum venenatis tristique. Pellentesque a mattis mi. Etiam at lectus ut turpis dictum semper. Proin eu congue erat, aliquam semper diam. Nullam consectetur, sapien quis ornare molestie, diam leo pretium nulla, eu convallis mi mi sit amet neque. Suspendisse sagittis ipsum metus, eget viverra enim faucibus vitae. Proin augue odio, laoreet vel dapibus a, faucibus non dolor.</textarea>
</label>
<br />
<label>
     <h3>Textarea with scroll bar on overflow &amp; focus:</h3>

    <textarea class="after">Lorem ipsum dolor sit amet, consectetur adipiscing elit. In id turpis ut lacus pretium suscipit et lobortis turpis. Proin venenatis, purus sed blandit tincidunt, purus augue ornare nunc, id rhoncus dolor sapien eget leo. Cras quis lorem pellentesque leo commodo aliquet vel sed augue. Donec vehicula sollicitudin mauris, sed venenatis ipsum sagittis non. Suspendisse eget dui ac est sollicitudin pharetra at a sapien. Mauris adipiscing ac metus eget dictum. Vestibulum luctus fringilla ante eu convallis. Quisque tempor est ut elit imperdiet, aliquet convallis tortor congue. Donec bibendum venenatis tristique. Pellentesque a mattis mi. Etiam at lectus ut turpis dictum semper. Proin eu congue erat, aliquam semper diam. Nullam consectetur, sapien quis ornare molestie, diam leo pretium nulla, eu convallis mi mi sit...

CSS

textarea {
    height: 150px;
    width: 400px;
    overflow: auto;
     
  
}
textarea.scrollbar
{
    cursor: pointer !important; 
}
label {
    cursor: pointer;
    vertical-align: top;
}
textarea.after {
    overflow: hidden;
}
textarea.after:focus {
    overflow: auto;
}