单击contentEditable div时的奇怪轮廓

Question

我正在尝试创建一个可以包含多种颜色的textarea。我创建了一个div，在JS中做了以下事情：

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

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

Answer 1

尝试将CS​​S中的outline-property设置为“none”：

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