Jak usunąć obramowanie wokół obrazu pojawiającego się po kliknięciu obrazu w Google Chrome?

Question

Właściwie używam wtyczki SpryTabs do nawigacji po menu. Użyłem dwóch obrazów tła do aktywacji i dezaktywacji zakładek. Aktywuję kartę po najechaniu myszą. Oznacza, że ​​karta zostanie podświetlona i dezaktywuje wybraną zakładkę po kliknięciu innej karty.

Do tego czasu wszystko jest w porządku. Ale prawdziwy problem pojawia się, gdy użytkownik kliknie na kartę po najechaniu kursorem, ramka zostanie wyświetlona wokół obrazu.

To nie dzieje się w przeglądarce Firefox, dzieje się tak tylko w Chrome i IE.

Answer 1

Możesz dodać następujący kod CSS dla konkretnych elementów

textarea:focus, input:focus{ 
    outline: none; 
} 

A dla wszystkich elementów na użyciu strony kodowej uogólnione w swoim css

*:focus { 
    outline: none; 
} 

ten pracował dla mnie, kiedy nie było pomarańczowa granica pojawiająca się wokół obrazów i pól wprowadzania.

Answer 2

Spróbuj outline: none; na zdjęcia

Answer 3

Korzystając outline:none lub outline:0

Sprawdź podobnym here

Answer 4

Had sam problem raz po stylu Naprawiono problem:

outline: 1px solid transparent; 

Btw outline:none ma brak efektu dla chrome z jakiegoś powodu