Quitar Resize handle y border from elements with contentEditable

Question

El problema que tengo es con el atributo contentEditable en IE. (algunas cosas nunca cambian).

El problema es que estoy recibiendo controladores de tamaño, y un grueso borde alrededor <li> elementos cuando están en foco.

¿Alguna idea de cómo eliminarlos? ¡Los trucos de CSS o Javascript son bienvenidos!

Answer 1

Asegúrate de que <li> s no tengan "diseño", ya que los elementos con "diseño" dentro de un elemento editable obtienen manejadores de tamaño en IE. "Diseño" es una propiedad oculta de un elemento en IE que se establece en true cuando cualquiera de diversas propiedades CSS están habilitadas:

• position: absolute
• float (left o right)
• width o height (cualquier valor distinto de auto)
• min-width o min-height (cualquier valor distinto de none)
• overflow (hidden | scroll | auto)
• zoom (cualquier valor distinto de lo normal)
• display: inline-block
• varios otros

Aquí hay un enlace de un google rápida que explica un poco más sobre el diseño: http://www.satzansatz.de/cssd/onhavinglayout.html