contenteditable DIV在FF&Chrome-如何隐藏它

contenteditable DIV has a default border in FF & Chrome - How to hide it?

本文关键字：何隐藏 隐藏 Chrome- DIV FF amp contenteditable      更新时间：2023-09-26

Chrome-11.0.696.50
FF-4.0
IE-7.0.570.13

DIV的定义如下，当我用jQuery关注它时
当我关注它时，在FF&铬。

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;
}

您看到的可能是轮廓，而不是边界。试试这个：

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

对我来说，这有点像是在黑暗中拍摄的；希望如果它不能完全以这种方式工作，至少它会帮助你找到解决方案。

相关文章：