Efekt pseudoklasy focus udało mi się osiągnąć można powiedzieć na wszystkich komercyjnych przeglądarkach (również IE - efekt uzuskałem dzieki bugowi pseudoklasy active) poza tymi opartymi na silniku webkit (Chrome i Safari), zdziwiłem się tym bardziej, że na google nic prawie nie znalazłem na ten temat..

Czy ktoś wie czy da się temu zaradzić bez JS?

.klasa:focus {} lub #id:focus {} nie działa w tych przeglądarkach?

Nie wiem czemu tak sądzisz, tutaj jest przykład i zastosowanie focus działa , pod safari oraz chrome. Przykład:

http://www.w3schools.com/CSS/tryit.asp?fil...ycss_link_focus