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

Question

铬 - 11.0.696.50
FF - 4.0
IE - 7.0.570.13

的DIV定义如下并且当我着眼于它与jQuery。
只要我将注意力集中在Chrome中的FF & DIV的周围，就会出现边框。

FF显示一个虚线边框& Chrome显示一个坚实的浅橙色。

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

DIV：<DIV id="editable-div" contentEditable="true"></DIV>

CSS吧：

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

Answer 1

你看到的可能是一个outline, not technically a border。试试这个：

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

这是我在黑暗中的一种镜头;希望如果它不起作用，至少它会帮助你找出解决方案。