使用contentEditable从元素中删除Resize句柄和边框

Question

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

问题是我正在调整调整大小的句柄，并且当它们处于焦点时会在<li>个元素周围形成一个粗边框。

有关如何删除它们的任何想法？非常欢迎CSS或Javascript技巧！

Answer 1

确保<li>没有“布局”，因为在可编辑元素中带有“layout”的元素会在IE中调整大小句柄。 “布局”是IE中元素的隐藏属性，当启用任何一种CSS属性时，该属性设置为true：

• 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/