Javascript 如何使用contentEditable和size样式删除div的大小调整手柄和边框_Javascript_Html_Css_Internet Explorer_Contenteditable

Javascript 如何使用contentEditable和size样式删除div的大小调整手柄和边框

javascript html css internet-explorer

Javascript 如何使用contentEditable和size样式删除div的大小调整手柄和边框,javascript,html,css,internet-explorer,contenteditable,Javascript,Html,Css,Internet Explorer,Contenteditable,我遇到的问题是IE中的contentEditable属性。问题是我得到了调整大小的控制柄，当它们处于焦点时，元素周围有一个厚厚的边框。需要使用、高度和显示的样式。你知道如何移除它们吗？CSS或Javascript 一个简单的例子： <html> <head> </head> <body> <div contentEditable="true" style="width: 50%; height: 50%; display: table

我遇到的问题是IE中的contentEditable属性。问题是我得到了调整大小的控制柄，当它们处于焦点时，元素周围有一个厚厚的边框。需要使用、高度和显示的样式。你知道如何移除它们吗？CSS或Javascript

一个简单的例子：

<html>
<head>
</head>

<body>

<div contentEditable="true" style="width: 50%; height: 50%; display: table" >
<div contentEditable="true" style="width: 50%; height: 50%; display: table-cell">
<p>aaa</p>
</div>
</div>

</body>
</html>

aaa

是否需要定义两次contentEditable=“true”？如果删除第一个，调整大小控制柄将消失，但功能仍保留

我们可以将contenteditable值为false的外部div包装为false，以去掉调整大小的控制柄。下面是更新的


第1部分
第2部分

with和height样式需要复制，因此与上述问题不同。此外，不接受仅禁用调整大小句柄可能重复