css不调用光标,通过div点击而不会丢失光标css

有很多“如何点击CSS与CSS”的重复，但我的情况似乎有点不同。通过div点击而不会丢失光标css

我正在使用-webkit-appearance和-moz-appearance使div看起来像文本区域，但这在某些浏览器中并不完美......右下角不显示nwse光标就像它在某些浏览器中所做的一样。我想用光标覆盖div：nwse-resize，但我也希望能够点击这个div，以便人造文本区域可以真正展开。指针事件：没有做它应该做的事情......但是，我失去了我的游标光标..这是整个这一点。

HTML(GWT UiBinder的)：

CSS：

.faux-text-area {

position: relative;

-moz-appearance: textfield-multiline;

-webkit-appearance: textarea;

}

.expando-div {

position: absolute;

bottom: 0;

right: 0;

height: 10px;

width: 10px;

cursor: nwse-resize;

}

添加指针的事件：没有理解我删除光标CSS定义。

还有Add CSS cursor property when using "pointer-events: none"但这个问题的公认解决方案是简单地将光标CSS放在父元素上，但在我的情况下......父元素是整个人造文本区域，我只想要一部分它有一个调整大小的光标。这个解决方案对我不起作用。

是否有古朴典雅的CSS解决方案，以使这个DIV通过单击不指针的事件：无？考虑到webkit外观和moz外观的局限性，我有一种感觉我被一个非CSS的答案卡住了，但我想我会在做更重的提升之前先问社区。