强制光标：在 IE 中具有 contenteditable 属性的 div 中的链接指针答案

【问题标题】：Force cursor:pointer for link in a div with contenteditable attribute in IE强制光标：在 IE 中具有 contenteditable 属性的 div 中的链接指针
【发布时间】：2013-10-27 15:30:20
【问题描述】：

我们在我们的项目中使用 ckeditor 并发现了以下问题：

我们应该在编辑器中显示链接的指针光标（按设计）。它适用于除 IE 之外的所有浏览器。

简化的 HTML：

<div contenteditable="true">
  <a href="foo.com" style="cursor: pointer;">Link to some site</a>
</div>

在 IE 中（在 v.8 和 v.10 中测试）它不起作用。

任何想法如何在 IE 中实现？

【问题讨论】：

你有一个缺少的报价，但这不在你的原始 HTML 中，是吗？
是的，对不起，只是复制/过去的问题。
这真的是个问题吗？当您单击 contenteditable 元素内的链接时，它们不会被跟随，因此指针光标样式似乎不合适。
完全同意，但这是客户的愿望。无论如何，现在我们忽略了这个“问题”，因为没有任何方法可以解决它。

标签： html css internet-explorer contenteditable

【解决方案1】：

将cursor:pointer; 分配给<div contenteditable="true"> 怎么样？

或者，您也可以使用 jQuery 来实现：

$(function(){
    $('[contenteditable="true"]').css('cursor','pointer');
});

希望有帮助。

【讨论】：

对不起，我没有明确指定它：div 中所有其他具有 contenteditable 的内容都应该使用默认光标（'text'），但对于链接，它应该被覆盖为'pointer'。无论如何，谢谢你的建议。