Groups | Search | Server Info | Keyboard shortcuts | Login | Register [http] [https] [nntp] [nntps]

Groups > comp.lang.javascript > #35379

Re: Outline color invert

Show all headers | View raw

Andrew Poulos <ap_prog@hotmail.com> wrote on 08 Jul 2018 in 
comp.lang.javascript:

> I'm working on a site that requires keyboard navigation. This is easy 
> enough to do using tabindex and role but the color of the outline on the 
> focussed interactive element is (by default) blue.
> 
> I can use CSS to change the color of the outline but sometimes the 
> outline color too closely matches the background behind the element for 
> the outline to be obvious.
> 
> MDN tells me that there's a CSS value for outline color called "invert", 
> which would be ideal in my case,

<https://developer.mozilla.org/en-US/docs/Web/CSS/filter-function/invert>

> but it appears to be more or less unsupported.

Not so.

<https://caniuse.com/#search=invert>

> How can I change the color of the outline to something appropriate 
> without knowing beforehand what the color of the background might be 
> currently?

Depends on what you consider appropriate.

 
> Andrew Poulos
> 



-- 
Evertjan.
The Netherlands.
(Please change the x'es to dots in my emailaddress)

Back to comp.lang.javascript | Previous | Next — Previous in thread | Next in thread | Find similar | Unroll thread

Thread

Outline color invert Andrew Poulos <ap_prog@hotmail.com> - 2018-07-08 19:40 +1000
  Re: Outline color invert "Evertjan." <exxjxw.hannivoort@inter.nl.net> - 2018-07-08 12:36 +0200
    Re: Outline color invert Andrew Poulos <ap_prog@hotmail.com> - 2018-07-08 21:15 +1000
  Re: Outline color invert Julio Di Egidio <julio@diegidio.name> - 2018-07-08 05:09 -0700
  Re: Outline color invert James Kirk <noneya.invalid@gmail.com> - 2018-07-08 09:47 -0400
  Re: Outline color invert Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2018-07-08 21:17 +0200
    Re: Outline color invert Andrew Poulos <ap_prog@hotmail.com> - 2018-07-09 13:31 +1000
      Re: Outline color invert Thomas 'PointedEars' Lahn <PointedEars@web.de> - 2018-07-09 21:28 +0200

csiph-web