CSS Butoane. Butoane dezactivate. Proprietatea opacity. Proprietatea cursor. Lățimea butonului. Proprietatea width.
Partajeaza in Google Classroom
Memorator: Descriere video Descarcă PDF
Utilizați proprietatea opacity pentru a adăuga transparență unui buton (creează un aspect „disabled”).
Sfat: Puteți adăuga, de asemenea, proprietatea cursor cu o valoare „nepermisă” (not-allowed), care va afișa un „no parking sign” când faceți click peste buton:
Exemplu:
.disabled {
opacity: 0.6;
cursor: not-allowed;
}
Lățimea butonului (Button Width)
În mod implicit, dimensiunea butonului este determinată de conținutul textului său (la fel de larg ca și conținutul său). Utilizați proprietatea width pentru a modifica lățimea unui buton:
Exemplu:
.button1 {width: 250px;}
.button2 {width: 50%;}
.button3 {width: 100%;}