Невозможно перезаписать <meter>стилей в Chrome 12

Question

Я только что обновился до Chrome 12 и заметил, что мой стиль "метра" больше не работает на Chrome.

Я использовал что-то вроде:

meter::-webkit-meter-horizontal-optimum-value,
meter::-webkit-meter-horizontal-suboptimal-value,
meter::-webkit-meter-horizontal-even-less-good-value {
    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#cea), to(#7a3));
}

Работало нормально, пока я не обновил Chrome 12.

Интересно, что я больше не вижу стили пользовательского агента для этих псевдоэлементов в веб-инспекторе, даже на других сайтах, которые я посещаю. Например, проверьте эксперимент Брюса Лоусона:

http://people.opera.com/brucel/dev/html5-meter-style.html

Я также попытался просмотреть таблицу стилей пользователя на странице отслеживания webkit:

http://trac.webkit.org/browser/trunk/Source/WebCore/css/html.css

Есть ли в Chrome новый способ настройки счетчиков?

Answer 1

Я отправил сообщение об ошибке в команду разработчиков Chrome, и оказалось, что Chrome 12+ требует, чтобы вы сбросили стиль пользовательского агента по умолчанию с помощью -webkit-Appearance: none, прежде чем сможете переопределить элемент с помощью собственного стиля. .

В частности, нужно добавить следующее правило:

meter { -webkit-appearance: none; }

Вот ссылка на тикет: http://code.google.com/p/chromium/issues/detail?id=86009

Вот jsFiddle: http://jsfiddle.net/F8tJu/1/