CSS Butoane. Butoane dezactivate. Proprietatea opacity. Proprietatea cursor. Lățimea butonului. Proprietatea width.

Butoane dezactivate (Disabled Buttons)

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%;}