Differences
This shows you the differences between two versions of the page.
| Both sides previous revision Previous revision Next revision | Previous revision | ||
|
checkbox-radio-trix [2017-11-30 15:28] Joakim Forsgren [Uppgift] |
checkbox-radio-trix [2017-11-30 15:32] Joakim Forsgren |
||
|---|---|---|---|
| Line 1: | Line 1: | ||
| ====== Checkbox och radio buttons trix ====== | ====== Checkbox och radio buttons trix ====== | ||
| - | Syftet med denna uppgift är att får lära sig ett smart CSS-trick. Det handlar om att checkbox och radio buttons är så svåra att få att se ut som man vill, om det ens går i alla webbläsare. | + | Syftet med denna uppgift är att få lära sig ett CSS-trick. Det handlar om att checkbox och radio buttons är så svåra att få att se ut som man vill, om det ens går i alla webbläsare. |
| Tekniken bygger på att man inte visar den vanliga checkbox eller radio elementet och ersätter det med någon man skapar via :after :before : | Tekniken bygger på att man inte visar den vanliga checkbox eller radio elementet och ersätter det med någon man skapar via :after :before : | ||
| Line 66: | Line 66: | ||
| === Uppgift === | === Uppgift === | ||
| + | Krav på denna uppgift är att content ska se ur så här:< | ||
| + | **Tips!** Ni kan använda " | ||
| + | |||
| 1. Fixa checkboxar som går att styla med CSS, gör de snygga och se till att ni har koll på vad ni gör. | 1. Fixa checkboxar som går att styla med CSS, gör de snygga och se till att ni har koll på vad ni gör. | ||
| 2. Fixa radio buttons, gör de snygga och se till att ni har koll på vad ni gör. | 2. Fixa radio buttons, gör de snygga och se till att ni har koll på vad ni gör. | ||
| - | **Tips!** Ni kan använda " | + | |