css3 resize cursor问题

Question

css3 可以把元素设置成risize，怎样才可以当鼠标放在右下角（阴影小黑块，css自带）的时候，鼠标样式变成cursor：ne-resize？

注意：右下角的黑色小块是使用了resize属性就自动生成的。

Answer 1

一种思路而已。<textarea></textarea><script>&nbsp; &nbsp; $(document).on('mousemove', 'textarea', function (e) {&nbsp; &nbsp; &nbsp; &nbsp; let el = $(this),&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; top = el.offset().top + el.outerHeight() - 16,&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; left = el.offset().left + el.outerWidth() - 16;&nbsp; &nbsp; &nbsp; &nbsp; el.css({&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; cursor: e.pageY > top && e.pageX > left ? 'ne-resize' : ''&nbsp; &nbsp; &nbsp; &nbsp; });&nbsp; &nbsp; });</script>主要是利用&nbsp;onmousemove&nbsp;事件判断鼠标位置并修改鼠标样式。