wtorek, 29 września 2020

Zmiana wielkości pola checkbox

Pola checkbox każdy widział, chociażby przy formularzach, gdzie trzeba zaakceptować warunki licencji, regulamin itd.

Temat dość błahy lub banalny, ale może być też przydatny. Chodzi o zmianę wielkości pola checkbox. Można zadać pytanie, po co zwiększać wielkość, skoro jest widoczny? 

Tu trzeba wyjść na przeciw osobom niedowidzącym lub po prostu chcą mieć większe pola.

Generalnie, pola checkbox daje się większe, aby każda osoba widziała i nie miała problemu ze znalezieniem takiego pola. Przykładowo, wypełni formularz i klika na submit Wyślij, ale pojawi się komunikat o zaakceptowaniu regulaminu. I tu może osoba przeoczyć.

Jak zrobić? Jeżeli mamy już formularz z polem, z polami, to wystarczy do pliku css, dodać następujące linijki:

input[type='checkbox']{
    -moz-transform: scale(2);
    transform: 2;
}

Po zapisaniu, pola checkbox będą większe, ale uwaga! Tylko dla przeglądarek Firefox, dlatego jest tylko -moz-transform.