如何使可内容编辑文本框消失？

Question

我在我的网页上使用 contenteditable。这工作正常，但浏览器在激活时会在可编辑部分周围放置一个丑陋的边框。此外，当焦点更改为页面上的另一个元素时，其中一些边框不会被删除。

Safari 创建了浅蓝色边框，Firefox 使用了细黑线，因此这里有一些浏览器解释在起作用。

我尝试将可编辑部分的边框明确设置为无，并使 CSS 属性变得重要，但这不会改变浏览器的行为。

我的问题：

有没有一种方法可以影响页面元素的样式，当用户单击页面元素内部开始编辑时，该样式会否决边框属性？

Answer 1

添加此样式（JsFiddle）：

[contenteditable="true"]:active, [contenteditable="true"]:focus
{
   border:none;
   outline:none;
}

让所有可内容编辑的元素在聚焦时不使用边框和轮廓。

编辑：我找到了一个很棒的教程