Rimuovi maniglie di ridimensionamento e il bordo da elementi con contentEditable

Question

Il problema che sto avendo è con l'attributo contentEditable in IE. (certe cose non cambiano mai).

Il problema è che sto ricevendo maniglie di ridimensionamento e un bordo spesso intorno agli elementi <li> quando sono a fuoco.

Qualche idea su come rimuoverli? I trucchi CSS o Javascript sono i benvenuti!

Answer 1

Assicurarsi che gli <li> s non abbiano "layout", poiché gli elementi con "layout" all'interno di un elemento modificabile ricevono maniglie di ridimensionamento in IE. "Layout" è una struttura nascosta di un elemento in IE che è impostato per true quando una delle varie proprietà CSS sono abilitati:

• position: absolute
• float (left o right)
• width o height (qualsiasi valore diverso auto)
• min-width o min-height (qualsiasi valore diverso none)
• overflow (hidden | scroll | auto)
• zoom (qualsiasi valore diverso rispetto al normale)
• display: inline-block
• vari altri

Ecco un link da un googling rapida che spiega un po 'di più su di layout: http://www.satzansatz.de/cssd/onhavinglayout.html