Jak usunąć niebieską ramkę w CSS3

Witam, jak kliknę na formularz to pojawia mi się ta niebieska ramka, jak ją ukryć?

#twojdiv:focus
{
 outline: 0
}

error91 napisał(a):

#twojdiv:focus
{
 outline: 0
}

Dziękuję działa. A wiesz może czemu na serwerze strona wygląda inaczej? Nie wszystkie wpisy w style.css tam działają, a na przeglądarce lokalnie jest ok.
Utworzyłem nawet plik .htaccess na serwerze i dodałem ten wpis, to strona się w ogóle nie otwiera. Nie wiem czemu niektóre ustawienia css nie działają na serwerze.

 <FilesMatch "\.png$">
Header set Cache-Control "no-cache"
</FilesMatch>

No dobra, tylko, że wypadałoby w inny sposób jakoś zaznaczyć, że dany element jest wybrany. Np. zrobić swoją własną ramkę, albo zmienić kolor pola przy :focus np.

input:focus {
  outline: none;  
  background-color: #eefeff;
}

bo inaczej to użytkownik nie będzie wiedział, co jest wybrane (chociaż na tym screenie wygląda tak, jakby wybranie elementu było sygnalizowane zmianą szerokości inputa?)