От самото заглавие се подразбира, че става въпрос за WebKit базирани браузъри (по-известните са Chrome и Safari). Със сигурност на хората, които се занимават с писане на код им се е случвало да ги подразни синият/жълтият размазан контур, който се появява, когато се фокусира (кликне) върху каквото и да е поле за въвеждане на текст, било то input, textarea или select.
Това доста често разваля визията, особено ако сте си играли да рисувате красиви input-и.
Решението е доста простичко и може да се ползва, както за индивидуалните елементи, така и глобално. В примера по-долу е показано глобално решение на проблема, но вместо звездичката всеки от вас може да постави избран елемент - input, textarea и т.н.
*:focus { outline: none; }
След като "контурът" вече е премахнат, може да стилизирате елемента, както намерите за добре.
Loading ...