Formulare CSS. Intrări colorate. Proprietatea background-color. Proprietatea color. Intrări focalizate.
Partajeaza in Google Classroom
Partajeaza cu Google Classroom
Susține Lectii-Virtuale!
Memorator: Descriere video Descarcă PDF
Intrări colorate (Colored Inputs)
Utilizați proprietatea background-color pentru a adăuga o culoare de fundal la intrare și proprietatea color pentru a schimba culoarea textului:
Exemplu:
Intrări focalizate (Focused Inputs)
În mod implicit, unele browsere vor adăuga un contur (outline) albastru în jurul intrării atunci când va fi focalizat (faceți click pe). Puteți elimina acest comportament adăugând outline: none; la intrare.
Utilizați selectorul :focus pentru a face ceva cu câmpul de introducere atunci când este focalizat:
Exemplu:
Exemplu:
Utilizați proprietatea background-color pentru a adăuga o culoare de fundal la intrare și proprietatea color pentru a schimba culoarea textului:
Exemplu:
input[type=text] {
background-color: #3CBC8D;
color: white;
}
Intrări focalizate (Focused Inputs)
În mod implicit, unele browsere vor adăuga un contur (outline) albastru în jurul intrării atunci când va fi focalizat (faceți click pe). Puteți elimina acest comportament adăugând outline: none; la intrare.
Utilizați selectorul :focus pentru a face ceva cu câmpul de introducere atunci când este focalizat:
Exemplu:
input[type=text]:focus {
background-color: lightblue;
}
Exemplu:
input[type=text]:focus {
border: 3px solid #555;
}
Rețineți că am adăugat proprietatea de tranziție CSS pentru a anima culoarea bordurii (durează 0,5 secunde pentru a schimba culoarea pe focalizare). Navigare în lectii
Cumpara abonament
Ajutor
Feedback-ul d-voastră este important pentru noi. Dacă observați vreo neregulă vă rugăm să ne-o semnalați apăsând butonul Trimite Feedback de mai jos.
