如何重置HTML5米标记

我正在使用仪表元素标记介于0和5之间的等级，但更希望显示其值的特定图像，而不是默认仪表样式：

<meter min="0" max="5" value="5">
    <img width="80" height="20" alt="5 out of 5 stars" src="stars_5.png">
</meter>

在Firefox/Chrome/Safari中使用带有供应商前缀的外观none似乎没有任何效果

---

我是否必须将图像放在旁边并隐藏仪表？还是可能？我希望有一种更简单的方法，但我通过在仪表标签内设置与img相同的背景图像来实现

Firefox重置会将外观重置为空白：

meter {
    background: none
}

::-moz-meter-bar {
  -moz-appearance: none
}

:-moz-meter-optimum::-moz-meter-bar,
:-moz-meter-sub-optimum::-moz-meter-bar,
:-moz-meter-sub-sub-optimum::-moz-meter-bar {
    background: none
}

meter {
    -webkit-appearance: none;
}

meter::-webkit-meter-bar,
meter::-webkit-meter-optimum-value,
meter::-webkit-meter-suboptimum-value,
meter::-webkit-meter-even-less-good-value,
meter::-webkit-meter-inner-element {
    background: none;
}

Chrome/Opera/Safari重置会将外观重置为空白：

meter {
    background: none
}

::-moz-meter-bar {
  -moz-appearance: none
}

:-moz-meter-optimum::-moz-meter-bar,
:-moz-meter-sub-optimum::-moz-meter-bar,
:-moz-meter-sub-sub-optimum::-moz-meter-bar {
    background: none
}

meter {
    -webkit-appearance: none;
}

meter::-webkit-meter-bar,
meter::-webkit-meter-optimum-value,
meter::-webkit-meter-suboptimum-value,
meter::-webkit-meter-even-less-good-value,
meter::-webkit-meter-inner-element {
    background: none;
}

要将仪表的外观替换为每值图像good Things，我只需要它从0变为5：

meter[value='5'] {
    background: url(stars_5.png)
}

meter[value='4'] ... etc

我更喜欢一个简单地显示仪表标签的属性，就像它是一个div一样

唯一的选择似乎是：隐藏仪表标签并在其旁边显示图像