← Back to release summary

meter element fallback styles

Category
DOM
Type
Chromium catches up
Status
In developer trial (Behind a flag) (Chrome 130)
Intent stage
None

Summary

With this change <meter> elements with `appearance: none` will have a reasonable fallback style that matches Safari and Firefox instead of just disappearing from the page. As well developers will be able to custom style the <meter> elements. A feature flag MeterAppearanceNoneFallbackStyle is available until Chrome 133 to control this feature.

Motivation

Without this change, <meter> elements with `appearance: none` become invisible unlike Safari and Firefox which provide a reasonable fallback style. With this change the <meter> elements with `appearance: none` will still be visible with a fall back style similar to Safari and Firefox and will also allow developers to style the meter parts.

Standards & signals

View on chromestatus.com