Премахване на цветния outline под Chrome и Safari

От самото заглавие се подразбира, че става въпрос за WebKit базирани браузъри (по-известните са Chrome и Safari). Със сигурност на хората, които се занимават с писане на код им се е случвало да ги подразни синият/жълтият размазан контур, който се появява, когато се фокусира (кликне) върху каквото и да е поле за въвеждане на текст, било то input, textarea или select. Това доста често разваля визията, особено ако сте си играли да рисувате красиви input-и.

Решението е доста простичко и може да се ползва, както за индивидуалните елементи, така и глобално. В примера по-долу е показано глобално решение на проблема, но вместо звездичката всеки от вас може да постави избран елемент - input, textarea и т.н.


*:focus { outline: none; }

След като "контурът" вече е премахнат, може да стилизирате елемента, както намерите за добре.

  • Facebook
  • Twitter

4 коментара за “Премахване на цветния outline под Chrome и Safari”

  1. xaxa :D Гениално!
    Никога не ми е пречило и никога не съм се замислял дали може да се махне.

  2. ReXTaN says:

    Благодаря! :)

  3. sara says:

    ок ма аз невиждам полза да се прави плус това така е по сладко според мен

Отговор