Path: csiph.com!eternal-september.org!feeder.eternal-september.org!reader02.eternal-september.org!.POSTED!not-for-mail From: Ben Bacarisse Newsgroups: comp.lang.javascript Subject: Re: Buttons glowing on being selected Date: Tue, 19 Dec 2017 23:35:43 +0000 Organization: A noiseless patient Spider Lines: 35 Message-ID: <87zi6eguk0.fsf@bsb.me.uk> References: <87zi6gx8nt.fsf@bsb.me.uk> <240a60f2-954f-439e-9fbe-73826174085b@googlegroups.com> Mime-Version: 1.0 Content-Type: text/plain Injection-Info: reader02.eternal-september.org; posting-host="cf93850b3aed97ee6a643e70faa91aac"; logging-data="28790"; mail-complaints-to="abuse@eternal-september.org"; posting-account="U2FsdGVkX19qDM09L4sb8GhGc3mZJhYf77PnebiYhMk=" Cancel-Lock: sha1:MekrwAw1Two/0HgbetUs0fj9DRo= sha1:X5EKvUGAN31Iyiw+yVRj8LXs9QE= X-BSB-Auth: 1.21e1f0384d86300432c5.20171219233543GMT.87zi6eguk0.fsf@bsb.me.uk Xref: csiph.com comp.lang.javascript:34411 bit-naughty@hotmail.com writes: > On Monday, December 18, 2017 at 10:42:17 PM UTC+5:30, Ben Bacarisse wrote: > >> You don't need client-side scripting for this. Here is a very simple >> example using CSS: >> >> http://bsb.me.uk/testing/button.html >> >> and another where you can see it in action with a submit button: >> >> http://bsb.me.uk/testing/button.php >> >> The idea is that you style the label of a checkbox. I've chosen to hide >> the checkbox, but you don't have to do that. >> >> You can view the PHP source at http://bsb.me.uk/testing/button-php.txt >> > > Ben, for the 1st URL - what's the "label input { display: none; }" > line for? It hides the input checkbox. > ..and what's the "+" sign doing in the "input:checked + span".... https://www.w3.org/TR/CSS21/selector.html#adjacent-selectors it allows me to target the span that follows a checked checkbox. This is now very far off topic! If you have more questions you might consider asking in a CCS group. -- Ben.