How to style resizers
<p>You know those three lines in the bottom corner of a <code>textarea</code> / <code>div</code> that indicate it can be resized? The ones like <a href="http://brett.batie.com/wp-content/uploads/textarea-chrome.png" rel="nofollow noreferrer">these</a>. I want to restyle this icon so the resize functionality of my div is much more obvious. Perhaps something like <a href="http://www.howtogeek.com/wp-content/uploads/2007/06/image64.png" rel="nofollow noreferrer">this</a>. How do I remove these lines while retaining the resize functionality of my div? </p>

<p>I've tried googling and searching SO. The closest I found to someone else asking the same question was this guy, <a href="https://stackoverflow.com/questions/6340545/how-to-remove-dots-present-at-the-right-bottom-corner-of-the-textarea-html">but the best answer suggested turning off resize altogether</a>, which is not what I want.</p>