Radio és checkbox inputok és a CSS
Sziasztok!
Minap elkezdtem újból foglalkozni egy keveset a webes frontenddel és beleszaladtam abba, hogy a checkbox és radio inputokat nem lehet csak úgy kedvünkre átrajzolni/átszínezni plusz DOM elem nélkül. Ebbe beleértem az
Igazából nem is az a kérdés hogyan lehet úrrá lenni ezen, mert kismillió és egy kerülőmegoldás ismert. Sokkal inkább az, hogy miért alakult ez így? Button, textarea és még pár másik form elemre hatnak a megjelenést változtató tulajdonságok, a fentebbi kettőre viszont nem, de legalábbis nem egyformán. Biztonsági okokból? UX? Vagy csak jóvanazúgy, meg különben se akarjon mindent kiszinezni a designer és/vagy webfejlesztő?
■ Minap elkezdtem újból foglalkozni egy keveset a webes frontenddel és beleszaladtam abba, hogy a checkbox és radio inputokat nem lehet csak úgy kedvünkre átrajzolni/átszínezni plusz DOM elem nélkül. Ebbe beleértem az
::after és ::before CSS trükközést is. Van még az appearance CSS3 tulajdonság, bár úgy látom, ott még tart a böngészők közti zűrzavar.Igazából nem is az a kérdés hogyan lehet úrrá lenni ezen, mert kismillió és egy kerülőmegoldás ismert. Sokkal inkább az, hogy miért alakult ez így? Button, textarea és még pár másik form elemre hatnak a megjelenést változtató tulajdonságok, a fentebbi kettőre viszont nem, de legalábbis nem egyformán. Biztonsági okokból? UX? Vagy csak jóvanazúgy, meg különben se akarjon mindent kiszinezni a designer és/vagy webfejlesztő?
Felépítés
Szerintem most már több
Tehát szerintem inkább történelmi okai vannak ahogy én látom.
Lehet
Egyébként nem tudom, mennyire jó ötlet, hogy mindenféle önjelölt újító dizájner a felismerhetetlenségig csűrje ezeket az elemeket.
Eddig is
Majdnem ugyanúgy, ahogy az inline-block elemeket. Méretre width és height, megjelenésre border, background, color és akár content, bár ez utóbbiban nem vagyok teljesen biztos.
Ami meg az önjelölt dizájnereket illeti eddig is elérték, hogy legyen meg az ő akaratuk. A frontendesek az input fölé tettek egy spant, azzal meg már könnyebb volt dolgozniuk. Vagy alá, nem tudom az inputnak lehet-e piszkálni az áttetszőségét.
Célzás
.radio ::background {és.radio ::button {Az meg, hogy rádiónként/checkboxonként egy új HTML elem kerül a fába, szerintem tök lényegtelen, nem ettől lesz lassú az oldal.