【发布时间】:2016-01-01 08:56:55
【问题描述】:
我有一个 RichTextEditor 类(从 com.extjs.gxt.ui.client.widget.LayoutContainer 扩展),我在其中使用(自己的)工具提示类作为链接的文本工具提示:https://jsfiddle.net/hkyLgam6/。
在我的项目中,仅当您将鼠标悬停在链接上时才会显示工具提示,但这可能并不重要。
为了能够正确删除链接和其他内容,我想让工具提示无法选择。因为每次您选择链接(例如通过双击它)时,工具提示文本也会被选中,并且在示例中链接删除失败。
尝试使用 CSS 来防止这种情况(如上面的 jsfiddle 示例):
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: -moz-none;
-khtml-user-select: none;
-o-user-select: none;
user-select: none;
没有工作,所以我将非常感谢任何想法来实现它。
【问题讨论】:
-
至少在 Chrome 和 Firefox 中,该 jsfiddle 中的示例是不可选择的,无论是通过将鼠标拖动到它上面,还是双击测试链接。您能否更具体地说明不起作用的用例(哪个浏览器、操作系统、如何导致问题,如果 jsfiddle 没有问题,请不要包含它)?
-
没错,jsfiddle 示例显示了所需的行为。只是我的文本编辑器没有。在当前 Windows 和 Mac 版本上使用不同版本的 Chrome 和 Firefox。
标签: javascript java css gwt gxt