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

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

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

HTML（GWT UiBinder的）：

<div class="faux-text-area"> 
    <div class="expando-div"/> 
</div>

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的答案卡住了，但我想我会在做更重的提升之前先问社区。

来源

2017-04-19 Erica-Rae Michelle Putsche

（只是不很CSS ...但需要一点jQueryUI的）

替代做法：

我已经删除：

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

而且我说：

resize: vertical;

这使得普通的div显示为文本区域（至少在Firefox和Chrome中）...在IE中修复（回忆我在GWT中开发）：

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

仍然没有超级兴奋，这需要一个IE黑客..但与以前的CSS属性，没有太多的模棱两可的hack就像resize属性。

来源

2017-05-02 20:29:55

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

回答

相关问题