Re: Buttons glowing on being selected

Path	csiph.com!aioe.org!news.mb-net.net!open-news-network.org!.POSTED.4.235.197.178.dynamic.wless.lssmb00p-cgnat.res.cust.swisscom.ch!not-for-mail
From	Thomas 'PointedEars' Lahn <PointedEars@web.de>
Newsgroups	comp.infosystems.www.authoring.stylesheets, comp.lang.javascript
Subject	Re: Buttons glowing on being selected
Followup-To	comp.infosystems.www.authoring.stylesheets
Date	Wed, 20 Dec 2017 01:29:29 +0100
Organization	PointedEars Software (PES)
Lines	42
Message-ID	<2306836.4kSItuVXeT@PointedEars.de> (permalink)
References	<e5c8e291-3051-4e66-a51c-83c853241976@googlegroups.com> <87zi6gx8nt.fsf@bsb.me.uk> <240a60f2-954f-439e-9fbe-73826174085b@googlegroups.com> <87zi6eguk0.fsf@bsb.me.uk>
Reply-To	Thomas 'PointedEars' Lahn <cljs@PointedEars.de>
Mime-Version	1.0
Content-Type	text/plain; charset="UTF-8"
Content-Transfer-Encoding	8Bit
Injection-Info	gwaiyur.mb-net.net; posting-host="4.235.197.178.dynamic.wless.lssmb00p-cgnat.res.cust.swisscom.ch:178.197.235.4"; logging-data="23902"; mail-complaints-to="abuse@open-news-network.org"
User-Agent	KNode/4.14.2
X-Face	%i>XG-yXR'\"2P/C_aO%~;2o~?g0pPKmbOw^=NT`tprDEf++D.m7"}HW6.#=U:?2GGctkL,f89@H46O$ASoW&?s}.k+&.<b';Md8`dH6iqhT)6C^.Px\|[=M@7=Ik[_w<%n1Up"LPQNu2m8\|L!/3iby{-]A+#YE}Kl{Cw$\U!kD%K}\2jz"QQP6Uqr],./"?;=4v
Cancel-Lock	sha1:wqJtUW1brcvyWnuU56/GqSq6490=
Face	iVBORw0KGgoAAAANSUhEUgAAADAAAAAwBAMAAAClLOS0AAAAGFBMVEXTxa4RFk5dUWANED8PFEfy7+MGBiW+n3ZNF/QuAAACaElEQVQ4jVXUwVOcMBQG8Dc7Rc4PUntdWV2uxjDpGaGeozOp1woar4jd5t/v9wLstMwsA/ntlxdCAgUc1hjTc9/JCZfGoo3wG3HdmdAWrIJRHe7GM/TmpY5VFefuVcAkkPbLIaN8rmPmjloyZxgyR3GuJ4K0AGtJ2htz8o7yqikm759fldQXaMpbDzjKAG+8v+AugVTOPO5DOjLvGtUYQwh0CPjnVMyGd+8/GfUB5nLKJDD2aLDh5HYyMDJGDwQIo2ZmZcKbowNmAdB/AzyFhrmF2MHRb0QJJfaAnwGB6orZhoykLzJtGwF/xpYxI1dswomiUj3gTuAIqCn/4C7cULwGNBtwMTk3Y4LfKB5YUaOKBKYtpplm7u0vip8tU1NWWyI/7XdcSuIDoMt6rVHMWT0DbjHPGqDqZVSa6zleLcUTcIKLoMv3ueJluALtAo9B302zPPlrtiVScRdCjXvVh3e3JpYa/jjkuC9N+LrBMlz/eAN4eQijX2EdLo6c5tGGHwLyHFtXk89dDGHwCVhG9T0S/j55AhRZgkMCmUQXJ49TnS1wnQDvw0eAh9ICeMmEFbCnPMFzjAvsWoEWEFdYEx+S0MoUZ1gT1wId8+AF3Bl2OoEu906AUHx5VLw/gXYg/x84loOah/2UYNrgiwSwGO7RfUzVBbx/kgpckumGOi6QirtD6gkLTitbnxNol47S2jVc2vsN5kPqaAHT8uUdAJM4v/DanjYOwmUjWznGfwB7sGtAtor5BgofDuzaRj4kSQAqDakTsKORa3Q3xKi3gE1fhl71KRMqrdZ2AWNNg/YOhQyrVBnb+i+nEg4bsDA+egAAAABJRU5ErkJggg==
X-User-ID	U2FsdGVkX1+Vfkl8p7nOSE0w+ZVI3uW936SYkcEDX4iyCcnzjloRfA==
Xref	csiph.com comp.infosystems.www.authoring.stylesheets:7841 comp.lang.javascript:34412

Cross-posted to 2 groups.

Followups directed to: comp.infosystems.www.authoring.stylesheets

Show key headers only | View raw

[X-Post & F’up2 comp.infosystems.www.authoring.stylesheets]

Ben Bacarisse wrote:

> bit-naughty@hotmail.com writes:
>> 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.

You should use

  visibility: hidden; /* or opacity: 0 */
  margin: 0;
  padding: 0;
  width: 0;
  height: 0;

instead; otherwise the checkbox may not be selectable, and accessibility 
keys may not work, as “display: none” tells the UA to not render the 
element.  For some mobile browsers we had to use other tricks, too, but
I do not remember exactly what they were (only “position” comes to mind).

-- 
PointedEars
FAQ: <http://PointedEars.de/faq> | <http://PointedEars.de/es-matrix>
<https://github.com/PointedEars> | <http://PointedEars.de/wsvn/>
Twitter: @PointedEars2 | Please do not cc me./Bitte keine Kopien per E-Mail.

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