Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

What is -webkit-focus-ring-color?

Tags:

css

webkit

I want to reproduce the outline effect for focused input boxes in webkit to non-webkit browsers. I found here the default CSS used in webkit. The lines of interest are:

:focus {     outline: auto 5px -webkit-focus-ring-color } 

I tried making a search in the whole code for the definition -webkit-focus-ring-color here but could not find it anywhere.

like image 532
Randomblue Avatar asked Sep 24 '11 11:09

Randomblue


People also ask

Who wrote love twice?

Twice members Jeongyeon, Chaeyoung, and Jihyo also took part in writing lyrics for two songs on the EP. What Is Love? What Is Love?

What is love twice members?

For six years, the girls of K-pop band TWICE—JEONGYEON, SANA, MINA, TZUYU, DAHYUN, JIHYO, NAYEON, MOMO, and CHAEYOUNG—have explored love in their infectious music (they literally released a mini album and single called What Is Love? in 2018).


1 Answers

-webkit-focus-ring-color is defined in the WebKit codebase as focusRingColor in each RenderTheme class. That work was performed in June 2009 as part of this changeset by Jeremy Moskovich.

For instance, the default Mac theme (used by Safari) defines the colour in RenderThemeMac.mm (in a roundabout way) as:

[NSColor keyboardFocusIndicatorColor] 

(Apple's very light documentation of that property is available online).

There is an override value for the Mac (called WebCore::oldAquaFocusRingColor) to be used for testing (near as I can tell it's for the code to be able to perform comparison between the browser rendering and a reference graphic; it is toggled using WebCore::usesTestModeFocusRingColor). It's defined in ColorMac.mm as the following (which apparently maps to Color(125, 173, 217)):

0xFF7DADD9 

Chromium/Chrome defines the colour in RenderThemeChromiumSkia.cpp as:

Color(229, 151, 0, 255) 

The default colour (specified in RenderTheme.h) is pure black:

Color(0, 0, 0) 
like image 144
Kit Grose Avatar answered Sep 21 '22 02:09

Kit Grose