#65. Stylowanie inputów

Edycja wyglądu checkboxów

Myślisz że nie da się zmienić wyglądu checkboxów? To jesteś w błędzie. Mam rozwiązanie – stworzymy własne checkboxy za pomocą elementu label. Do stworzenia wyglądu wykorzystamy pusty element span, który posłuży nam za podstawiony element, udający wygląd checkboxa.

Spójrz na poniższy przykład z zastosowaniem nowego checkboxa:

PRZYKŁAD. KLIKNIJ, ABY PODEJRZEĆ…

bold-austin-wwkzl

bold-austin-wwkzl danielminschinski

Edycja wyglądu elementu radio

Powyżej dowiedziałeś się jak dać checkboxom nowego wyglądu, pasującego do wyglądu strony. Pora teraz ostylować element typu radio.

W zasadzie, działanie jest dokładnie takie same. Spójrz na przykład jak ostylowałem element typu radio:

PRZYKŁAD. KLIKNIJ, ABY PODEJRZEĆ…

lucid-johnson-fz79x

lucid-johnson-fz79x danielminschinski

Stylowanie inputów za nami. Sam widzisz jak łatwo zrobić własną wersję elementów, co nie? W następnym materiale zobaczysz nietypowe wykorzystanie inputów.

Zapraszam do subskrypcji i polubienia mojego blogowo/usługowego fb oraz kanału na YouTube.

 

Chcesz na bieżąco otrzymywać informację o nowych materiałach? Zapisz się do NEWSLETTERA!