webkit-meter-even-less-good-value

This article needs a technical review. How you can help.

Non-standard
This feature is non-standard and is not on a standards track. Do not use it on production sites facing the Web: it will not work for every user. There may also be large incompatibilities between implementations and the behavior may change in the future.

Summary


The <-webkit-meter-even-less-good-value> gives a red color to the meter element when the value and the optimum attributes fall outside the low-high range but in opposite zones. For example, value < low < high < optimum or value> high > low > optimum.


Specifications


Not part of any specification. This is a proprietary pseudo-element specific to WebKit/Blink.

Examples

Meter ::-webkit-meter-even-less-good-value {
Background: -webkit-gradient
(linear, left top, left bottom, from (#f77), to (#f77), color-stop(0.45, #d44), color-stop(0.55 #d44));
Height: 100%;
Box-sizing: border-box;

}

See also

⦁    The pseudo-elements used by WebKit/Blink to style other parts of a <meter> element:
⦁    <webkit-meter-inner-element>
⦁    <webkit-meter-bar>
⦁    <webkit-meter-optimum-value>
⦁    <webkit-meter-suboptimum-value>
 

Document Tags and Contributors

 Contributors to this page: rolfedh, yusufgulled
 Last updated by: rolfedh,