- Hvordan kan jeg ændre afkrydsningsfeltet for et billede?
- Hvordan tilpasser jeg et afkrydsningsfelt?
- Hvordan ændrer jeg baggrundsfarven på et afkrydsningsfelt?
- Hvordan laver jeg et billede til et afkrydsningsfelt i HTML?
Hvordan kan jeg ændre afkrydsningsfeltet for et billede?
Løsningen er at bruge den: kontrollerede css-vælger. Hvad vi ønsker at opnå er, når du klikker på etiketten (som vil være et billede eller et ikon), ændres indtastningsfeltet til "markeret", og etiketbilledet skifter til noget andet.
Hvordan tilpasser jeg et afkrydsningsfelt?
Styling afkrydsningsfelt - CSS-tip
- Hvordan går vi i gang med at style dette?
- Trin 1: Skjul inputelementet.
- Trin 2: Tilføj et ekstra span-element, og anvend din tilpassede stil ved at oprette en klasse.
- # 1 - Skjul input.
- CSS:
- # 2 - Tilføjelse af et spanelement.
- En sidste ting!
Hvordan ændrer jeg baggrundsfarven på et afkrydsningsfelt?
Indstil attributten højde og bredde til 25 pixel og den indledende baggrundsfarve til sort. Markeringen er også stylet manuelt ved hjælp af webkit. “: Markeret” bruges til at markere afkrydsningsfeltet, når det er markeret. Når brugeren klikker på afkrydsningsfeltet, indstilles baggrundsfarven til grøn.
Hvordan laver jeg et billede til et afkrydsningsfelt i HTML?
HTML
- <ul>
- <li>
- <input type = "afkrydsningsfelt" id = "myCheckbox1" />
- <etiket for = "myCheckbox1"><img src = "http: // townandcountryremovals.com / wp-content / uploads / 2013/10 / firefox-logo-200x200.png "/></etiket>
- </ li>
- <li>
- <input type = "afkrydsningsfelt" id = "myCheckbox2" />