#502·snapdom

<meter> is captured with default browser chrome, ignoring appearance: none and ::-webkit-meter-* overrides

Author: diffidentDudeCreated Sep 16, 2026Updated Sep 17, 2026
Labelsbug✅ solved

Describe it simply:

A styled with appearance: none plus ::-webkit-meter-bar / ::-webkit-meter-optimum-value overrides renders as a flat coloured box in the browser, but exports with the browser's default meter appearance — a green value bar over a grey track.

The element's own computed styles (background, border, size) are captured correctly; it's the suppression of the native rendering that is lost. A <div> with identical styles exports correctly, which isolates the behaviour to <meter> handling rather than to style capture generally.

Quick demo to reproduce

https://codepen.io/diffidentDude/pen/emvByMW

Anything else we should know?