Ik heb meerdere tekstboxen. Dit is de css:

/*Hide menu checkbox*/
input[type=checkbox] {
display: none;
}

Hoe zorg ik dat dit alleen geldt voor de checkbox met id="menu" zodat de andere checkboxen wel zichtbaar blijven?
@Ward, dat is volgens mij ook precies wat in het bovenstaande menu gebeurt?

Ben het eigenlijk wel eens met de disclaimer:
Disclaimer: Some of this stuff crosses the line of what you "should" do with CSS and introduces some bad semantics. It's still wicked fun to play with and cool that it's possible, but in general functional behavior should be controlled by JavaScript.
Thomas van den Heuvel op 05/06/2016 14:44:43

@Ward, dat is volgens mij ook precies wat in het bovenstaande menu gebeurt?

klopt
Thomas van den Heuvel op 05/06/2016 14:44:43

but in general functional behavior should be controlled by JavaScript.

[/quote]

Ik ken geen javascript, maar mocht iemand een simpel en makkelijk te hanteren responsive dropdown menu weten dan hou ik me aanbevolen want ik dacht ik zet dat menutje er ff op maar haha mooi niet
Voor nu volstaat een/die simpele oplossing met CSS prima. Zoals al eerder is voorgesteld hoef je enkel te verwijzen naar het id van de checkbox en deze de stijl display: none; te geven, zoals @SanThe al voorstelde.

Het label zou dan nog steeds op dezelfde manier moeten werken (klikbaar en zorgt voor het in- en uitklappen van het menu).

Laat anders eens wat code zien hoe jij de eerdere oplossing hebt toegepast want ik heb het idee dat we een beetje langs elkaar heen praten. Wat je probeert te bereiken zou vrij eenvoudig op te lossen moeten zijn.
je hebt gelijk,ik heb de css opnieuw gedaan en toen bleef het wel goed bij resizen

Reageren