views:

226

answers:

1

Hi,

When I set a pre element to contenteditable and put focus in it for editing, it receives a dotted border around it that doesn't look very nice. The border isn't there when focus is somewhere else.
How do I remove that border?

Thanks

+6  A: 

set the outline property to 0px solid transparent;. You might have to set it on the :focus pseudo element as well.

Marius
That did it, thanks!
Christoffer
@Christoffer: `outline` will not work in IE7 or lower. In these browsers, you need to set the `hideFocus` property of the element to `true`, ie `$('#myEl').get().hideFocus = true;`
Andy E