• Home
  • CSS
  • Jak usunąć niebieską ramkę z pola tekstowego w chromie?

Jak usunąć niebieską ramkę z pola tekstowego w chromie?

How to remove border (outline) in Chrome and Firefox from input – css

 

W przeglądarce chrome wokół aktywnego pola tekstowego (a także wokół diva, będącego linkiem) pojawia się niebieskie obramowanie, które niekoniecznie pasuje do wyglądu naszej strony. Można je jednak łatwo usunąć za pomocą CSS. Wystarczy, że w pliku CSS ustawimy outline (linię zewnętrzną elementu) na wartość none:

a:focus { 
outline: none; 
}

Niebieskie obramowanie można również usunąć z innych elementów HTML, m.in. z pola edytowalnego:

[contenteditable="true"]:focus { 
outline: none; 
}

Joanna

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *