CODEWITHSUNDEEP
htmlgoogle-chrome
Brandan
Brandan

Reputation: 14983

Chrome renders <meter> values incorrectly when -webkit-appearance:rating-level-indicator

When I render this HTML/CSS:

<!DOCTYPE html>
<body>
  <meter style="-webkit-appearance: rating-level-indicator;" min="1" max="5" value="5">5</meter>
</body>

Chrome 20.0.1132.57 only shows four stars. You can see it in this fiddle.

Am I misunderstanding how <meter> works, or is this a bug?

Upvotes: 1

Views: 158

Answers (1)

Niet the Dark Absol
Niet the Dark Absol

Reputation: 324630

I'm going to guess that you're misunderstanding how it works. The minimum value represents "no stars", which in your case is a score of 1. I would assume that if you had min="0" then it would show the five stars.

Upvotes: 1

Related Questions