Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]
Groups > comp.lang.javascript > #34411
| Path | csiph.com!eternal-september.org!feeder.eternal-september.org!reader02.eternal-september.org!.POSTED!not-for-mail |
|---|---|
| From | Ben Bacarisse <ben.usenet@bsb.me.uk> |
| 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> (permalink) |
| References | <e5c8e291-3051-4e66-a51c-83c853241976@googlegroups.com> <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 |
Show key headers only | View raw
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.
Back to comp.lang.javascript | Previous | Next — Previous in thread | Next in thread | Find similar | Unroll thread
Buttons glowing on being selected bit-naughty@hotmail.com - 2017-12-15 04:25 -0800
Re: Buttons glowing on being selected "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2017-12-15 18:13 +0100
Re: Buttons glowing on being selected Philip Herlihy <thiswillbounceback@you.com> - 2017-12-18 12:27 +0000
Re: Buttons glowing on being selected Ben Bacarisse <ben.usenet@bsb.me.uk> - 2017-12-18 17:12 +0000
Re: Buttons glowing on being selected bit-naughty@hotmail.com - 2017-12-19 12:03 -0800
Re: Buttons glowing on being selected Ben Bacarisse <ben.usenet@bsb.me.uk> - 2017-12-19 23:35 +0000
Re: Buttons glowing on being selected Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2017-12-20 01:29 +0100
Re: Buttons glowing on being selected bit-naughty@hotmail.com - 2017-12-19 11:52 -0800
Re: Buttons glowing on being selected John G Harris <niam@jghnorth.org.uk.invalid> - 2017-12-19 20:14 +0000
Re: Buttons glowing on being selected "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2017-12-19 21:17 +0100
Re: Buttons glowing on being selected Julio Di Egidio <julio@diegidio.name> - 2017-12-21 11:10 -0800
csiph-web