How do I remove the border around a focused contenteditable pre?

user_160574 0
Viewed 52369

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

contenteditable jquery javascript
2 Answers

Set the outline property to 0px solid transparent;. You might have to set it on the :focus state as well, for example:

[contenteditable]:focus {
    outline: 0px solid transparent;
}
Marius_15850
Related