Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/429.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript contenteditable DIV在FF&;中具有默认边框;铬-如何隐藏它?_Javascript_Html_Css_Firefox_Google Chrome - Fatal编程技术网

Javascript contenteditable DIV在FF&;中具有默认边框;铬-如何隐藏它?

Javascript contenteditable DIV在FF&;中具有默认边框;铬-如何隐藏它?,javascript,html,css,firefox,google-chrome,Javascript,Html,Css,Firefox,Google Chrome,铬-11.0.696.50 FF-4.0 IE-7.0.570.13 DIV的定义如下所示,当我用jQuery关注它时。 我一集中注意力,FF和Chrome中的DIV周围就会出现一个边框 FF显示虚线边框,Chrome显示纯色浅橙色边框 我尝试了border:none但这没有什么区别。有什么想法吗 DIV: 它的CSS: #可编辑div { 左边距:10px; 页边距顶部:10px; 宽度:740px; 高度:25px; 边框:无; 方向:ltr; 文本对齐:左; } 您看到的可能是一个错误。试

铬-11.0.696.50
FF-4.0
IE-7.0.570.13

DIV的定义如下所示,当我用jQuery关注它时。
我一集中注意力,FF和Chrome中的DIV周围就会出现一个边框

FF显示虚线边框,Chrome显示纯色浅橙色边框

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

DIV:

它的CSS:

#可编辑div
{
左边距:10px;
页边距顶部:10px;
宽度:740px;
高度:25px;
边框:无;
方向:ltr;
文本对齐:左;
}

您看到的可能是一个错误。试试这个:

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

这是我在黑暗中拍摄的一张照片;希望如果它不能完全以这种方式工作,至少它能帮助您找到解决方案。

经过测试,确实有效(至少Chrome 12.0.742.0):谢谢Paul!这起作用了。看来我不能在10分钟内接受答案。被问到这件事。有趣..@Paul,谢谢!!工作得很有魅力。这个问题开始让我发疯了为什么不在Chromium 37.0.2062.120或FF 31.4.0上工作