Strange outline when clicking contentEditable div

Question

I am trying to create a text box that can contain several colors. I created a div and in JS did the following:

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

Now the div is now editable, but when I click on it, it gets a weird outline. How to disable this? alt text http://www.benmccann.com/test/contentEditable.png

Answer 1

Try setting the outline property in your CSS to "none":

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