Bir ön öğeyi tatmin edici olarak ayarladığımda ve düzenleme için ona odaklandığımda, etrafına çok hoş görünmeyen noktalı bir kenarlık alıyor. Odak başka bir yerdeyken sınır orada değildir.
Bu sınırı nasıl kaldırırım?
Teşekkürler
Bir ön öğeyi tatmin edici olarak ayarladığımda ve düzenleme için ona odaklandığımda, etrafına çok hoş görünmeyen noktalı bir kenarlık alıyor. Odak başka bir yerdeyken sınır orada değildir.
Bu sınırı nasıl kaldırırım?
Teşekkürler
Yanıtlar:
outlineÖzelliği olarak ayarlayın 0px solid transparent;. Bunu :focuseyalette de ayarlamanız gerekebilir , örneğin:
[contenteditable]:focus {
outline: 0px solid transparent;
}
[contenteditable]:focus { outline: 0px solid transparent; }
outline: none
:read-writeSözde sınıfı, düzenlenebilir stil öğelerine de ekleyebilirsiniz .
Örneğin ( jsFiddle ) :
.element:read-write:focus {
outline: none;
}
Codrops hakkında daha fazlasını buradan okuyun .
:read-writeSözde sınıf seçici Chrome, Safari ve Opera 14+, ve iOS desteklenir.-moz-Formda Firefox'ta önek ile desteklenmektedir:-moz-read-write.:read-writeSeçici Internet Explorer ve Android'de desteklenmez.
.element:focus?
[contenteditable]:focusmı?
outlineIE7 veya daha düşük sürümlerde çalışmaz. Bu tarayıcılarda, ayarlamanız gerekirhideFocusiçin elemanın özelliğitrue, yani$('#myEl').get().hideFocus = true;