Weird outline when clicking contentEditable div

Question

I'm trying to create a textarea that can contain multiple colors. I created a div and in JS did the following:

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

The div is now editable, but when I click in it, it gets a weird outline. How do I turn this off?

Answer 1

Try to set the outline-property in your CSS to "none":

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