Cum se elimină marginea de focalizare (conturul) din jurul căsuțelor de text/introducere? (Chrome)

Poate cineva să explice cum se poate elimina marginea portocalie sau albastră (conturul) din jurul căsuțelor de text/introducere? Cred că se întâmplă doar pe Chrome pentru a arăta că caseta de introducere este activă. Iată CSS-ul de intrare pe care îl folosesc:

input {
    background-color: transparent;
    border: 0px solid;
    height: 20px;
    width: 160px;
    color: #CCC;
}

party-ring
Întrebarea editată 1 august 2019 в 4:59
Programare
google-chrome focus css input border
3 august 2010 в 1:49
18 vizualizări
Soluția

Această margine este utilizată pentru a arăta că elementul este focalizat (adică puteți introduce date sau apăsați butonul cu Enter). Totuși, o puteți elimina:

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

Totuși, este posibil să doriți să adăugați o altă modalitate prin care utilizatorii să știe ce element este focalizat pe tastatură, din motive de utilizare.

De asemenea, Chrome va aplica evidențierea și altor elemente, cum ar fi DIV's utilizate ca modale. Pentru a preveni evidențierea pe acestea și pe toate celelalte elemente, puteți face:

*:focus {
    outline: none;
}
Chuck Le Butt
Răspuns editat 5 ianuarie 2016 в 8:34
Comentarii (16)
 
input:focus {
    outline:none;
}

Acest lucru va fi suficient. Conturul portocaliu nu va mai apărea.

hichris123
Răspuns editat 14 decembrie 2015 в 12:31
Comentarii (3)

Am găsit soluția.
Am folosit: outline:none; în CSS și se pare că a funcționat. Mulțumesc oricum pentru ajutor :)

Comentarii (2)