The buttons (and the select boxes below) remain stubbornly black, though, apparently honouring the browser style sheet, which containsīutton. Since colors inherit, color: revert should force them all to inherit, and thus blue. Since colors inherit, color: unset should force them all to inherit, and thus blue.
Thus, setting code: initial should force all elements to a black color. Setting color: inherit forces these elements to blue as well.
CSS INHERIT FONT FAMILY CODE
This page contains a few elements that have hard-coded colors - for instance the code elements, which are ugly green. This page has a few extra styles for testing purposes: Colors inherit, so the lurid blue used on this page should apply to all elements. revert This keyword applies the inherited value if the property is normally inherited (such as color), or the value defined in the browser style sheet if the property is normally not inherited (such as display). unset This keyword applies the inherited value if the property is normally inherited (such as color), or the initial value if the property is normally not inherited (such as display). Sometimes this initial value makes sense ( float: none), sometimes it’s there for historical reasons ( background-repeat: repeat), and sometimes the spec writers made an essentially random-though-somewhat-defensible choice ( color: black). initial This keyword applies the initial value as defined in the CSS specifications. The inherit keyword should work on all CSS properties, though. Some CSS properties, such as color or font-family, are automatically inherited, but others, such as display or margin, aren’t. inherit This keyword applies the value of the element’s parent, whether that makes sense or not. The inherit, initial, and unset keywords are special values you can give to any CSS property.