title: How to make custom caret?
body: <p>I need to style the caret of <code>&lt;input&gt;</code> using CSS or JavaScript. It's probably not possible with CSS3, so how can I do that with JavaScript?</p>
  
  <p><a href="https://i.stack.imgur.com/JTG0I.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/JTG0I.png" alt="enter image description here"></a></p>
  
  <p>Then final <code>&lt;input&gt;</code> should look like picture above.</p>