javascript - 从具有 contentEditable 的元素中删除调整大小手柄和边框

Question

我遇到的问题是 IE 中的 contentEditable 属性。（有些事情永远不会改变）。

问题是我得到了调整大小的句柄，<li>当元素处于焦点时，它们周围的边框很粗。

知道如何删除它们吗？非常欢迎使用 CSS 或 Javascript 技巧！

Answer 1

确保<li>s 没有“布局”，因为在可编辑元素中具有“布局”的元素会在 IE 中获得调整大小的句柄。“布局”是 IE 中元素的隐藏属性，在true启用各种 CSS 属性时设置为：

• position：absolute
• float（left或right）
• width或height（除 以外的任何值auto）
• min-width或min-height（除 以外的任何值none）
• overflow( hidden | scroll | auto)
• zoom（正常以外的任何值）
• display：inline-block
• 其他各种

这是一个快速谷歌搜索的链接，它解释了更多关于布局的信息：https ://www.sitepoint.com/internet-explorer-haslayout-property/