Css 在不丢失光标的情况下单击div

有很多重复的“如何用CSS点击一个div”，但我的情况似乎有点不同

我使用-webkit外观和-moz外观使div看起来像一个文本区域，但这在某些浏览器中并不完美。。。右下角不像在某些浏览器中那样显示nwse光标。我想用cursor:nwse resize覆盖一个div，但我也希望能够通过该div单击，以便人造文本区域可以实际扩展。指针事件：没有一个执行它应该执行的操作。。。但是，我丢失了nwse光标。。这就是本文的重点

html（GWT UiBinder）：

添加指针事件：none可以理解地删除我的游标CSS定义

这个问题还有一个公认的解决方案，就是简单地将光标CSS放在父元素上，但在我的例子中。。。父元素是整个人造文本区域，我只希望它的一部分有一个调整大小的光标。这个解决方案对我不起作用

---

有没有简单而优雅的CSS解决方案可以让这个div在没有指针事件的情况下点击：无？考虑到webkit外观和moz外观的局限性，我有一种感觉，我被一个非CSS的答案困住了，但我想在做更重的工作之前，我应该先问一下社区

替代方法（不仅仅是CSS…还需要一点JQueryUI）：

我删除了：

-moz-appearance: textfield-multiline; 
-webkit-appearance: textarea;

我还补充说：

resize: vertical;

这使得普通div显示为文本区域（至少在Firefox和Chrome中是如此）。。。要在IE中修复（回想一下，我正在GWT中开发）：

仍然不是超级兴奋，这需要一个IE黑客。。但是对于以前的CSS属性，没有什么像resize属性那样模棱两可的攻击

-moz-appearance: textfield-multiline; 
-webkit-appearance: textarea;

resize: vertical;

private native void makeResizableInIE() /*-{
      $wnd.$("my_divs_id").resizable();
  }-*/;