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

Question

我遇到的问题是IE中的contentEditable属性.(有些东西永远不会改变).

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

知道如何删除它们吗？CSS或Javascript技巧非常受欢迎!

Answer 1

确保<li>s没有"layout",因为可编辑元素中带有"layout"的元素会在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/