Коли я встановлюю попередній елемент на contenteditable і фокусую в ньому для редагування, він отримує пунктирну межу навколо нього, що виглядає не дуже красиво. Кордону немає, коли фокус знаходиться десь в іншому місці.
Як мені зняти цю межу?
Дякую
Відповіді:
Встановіть для outlineвластивості значення 0px solid transparent;. Можливо, вам доведеться встановити його також у :focusштаті, наприклад:
[contenteditable]:focus {
outline: 0px solid transparent;
}
[contenteditable]:focus { outline: 0px solid transparent; }
outline: none
Ви також можете додати :read-writeпсевдо-клас до елементів стилю, які можна редагувати.
Наприклад ( jsFiddle ) :
.element:read-write:focus {
outline: none;
}
Детальніше читайте тут про краплі .
:read-writeСелектор псевдо-клас підтримується в Chrome, Safari і Opera 14+, так і на IOS. Він підтримується-moz-префіксом у Firefox у формі:-moz-read-write.:read-writeСелектор не підтримуються в Internet Explorer і на Android.
.element:focus?
[contenteditable]:focus?
outlineне працюватиме в IE7 або нижче. У цих браузерах вам потрібно встановити дляhideFocusвластивості елемента значенняtrue, тобто$('#myEl').get().hideFocus = true;