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

Question

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

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

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

Answer 1

尝试将 CSS 中的大纲属性设置为“无”：

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