javascript - contenteditable DIV 在 FF 和 Chrome 中有默认边框 - 如何隐藏它？

Question

Chrome - 11.0.696.50
FF - 4.0
IE - 7.0.570.13

DIV 定义如下，当我用 jQuery 关注它时。
一旦我关注它，FF 和 Chrome 中的 DIV 周围就会出现一个边框。

FF 显示虚线边框，而 Chrome 显示纯浅橙色边框。

我试过了 border: none;但这没有什么区别。有什么想法吗？

分区:<DIV id="editable-div" contentEditable="true"></DIV>

它的 CSS :

#editable-div<br/>
{<br/>
margin-left: 10px;<br/>
margin-top: 10px;<br/>
width: 740px;<br/>
height: 25px;<br/>
border: none;<br/>
direction: ltr;<br/>
text-align: left;<br/>
}


Answer 1

您看到的可能是一个 outline, not technically a border .试试这个:

#editable-div:focus {
    outline: none;
}

这对我来说是一种盲目尝试；希望如果它不能完全按照这种方式工作，至少它会帮助您找到解决方案。