Удалить ручки размера и границу с элементами с помощью contentEditable

Проблема, с которой я столкнулась, связана с атрибутом contentEditable в IE. (некоторые вещи никогда не меняются).

Проблема в том, что я получаю ручки изменения размера и толстую рамку вокруг элементов <li>, когда они находятся в фокусе.

Любая идея о том, как их удалить? CSS или Javascript трюки очень приветствуются!

Ответы

Ответ 1

Убедитесь, что <li> не имеет "макета", так как элементы с "макетом" внутри редактируемого элемента получают изменения размера в 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
  • различные другие

Здесь ссылка из быстрого поискового запроса, которая объясняет немного больше о макете: http://www.satzansatz.de/cssd/onhavinglayout.html