::-webkit-meter-inner-element

In This Article

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

::-webkit-meter-inner-element is a proprietary WebKit CSS pseudo-element for selecting and applying styles to to the outer containing element of a <meter> element. Additional markup to render the meter element as read-only.

Specifications

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

Examples

<meter min="0" max="10" value="6">Score out of 10</meter>

meter {
  /* Reset the default appearance */
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
meter::-webkit-meter-inner-element {
  -webkit-appearance: inherit;
  box-sizing: inherit;
  border: 1px solid #aaa;
}

Note: This will only work in Webkit/Blink-based browsers.

Feature	Firefox (Gecko)	Chrome	Internet Explorer	Opera	Safari
Basic support	No support	(Yes)	No support	(Yes)	(Yes)

Document Tags and Contributors

Tags:

Last updated by: chrisdavidmills, Apr 15, 2016, 6:50:26 AM