单击 contentEditable div 时出现奇怪的轮廓

【问题标题】：Weird outline when clicking contentEditable div单击 contentEditable div 时出现奇怪的轮廓
【发布时间】：2009-11-20 17:14:29
【问题描述】：

我正在尝试创建一个可以包含多种颜色的文本区域。我创建了一个 div 并在 JS 中执行了以下操作：

element.unselectable = 'off';
element.contentEditable = true;

div 现在可以编辑了，但是当我点击它时，它会得到一个奇怪的轮廓。我该如何关闭它？ alt text http://www.benmccann.com/test/contentEditable.png

【问题讨论】：

【解决方案1】：

尝试将 CSS 中的 outline-property 设置为“none”：

<style type="text/css">
    * { outline: none; }
</style>

【讨论】：