Bug 59316 - REGRESSION: Unavailability to style <meter> tags with CSS
Summary: REGRESSION: Unavailability to style <meter> tags with CSS
Status: RESOLVED WORKSFORME
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: 528+ (Nightly build)
Hardware: Mac (Intel) OS X 10.6
: P1 Normal
Assignee: Nobody
URL: http://jsfiddle.net/aBMKN/1/
Keywords: Regression
Depends on:
Blocks:
 
Reported: 2011-04-25 01:25 PDT by Alberto Calvo
Modified: 2011-04-30 23:24 PDT (History)
4 users (show)

See Also:

Attachments
Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Alberto Calvo 2011-04-25 01:25:54 PDT 
As you can see in the demo, the newest engine (Nightly and Chrome) isn't able to style the HTML5 <meter> tag, even applying -webkit-appearance: none; to the element. The element renders with the default styling. Any workaround for this? Works fine in older Safari versions.
Comment 1 Alexey Proskuryakov 2011-04-25 10:01:33 PDT 
Do you know if there are any affected web sites?
Comment 2 Alberto Calvo 2011-04-26 02:19:46 PDT 
Well… every website that uses <meter> will be affected (the one I'm working on, for example). The url attached is just an example.
Comment 3 Hajime Morrita 2011-04-26 18:36:58 PDT 
http://trac.webkit.org/wiki/Styling%20Form%20Controls(In reply to comment #0)
> As you can see in the demo, the newest engine (Nightly and Chrome) isn't able to style the HTML5 <meter> tag, even applying -webkit-appearance: none; to the element. The element renders with the default styling. Any workaround for this? Works fine in older Safari versions.
We provide pseudo classes for meter parts:
http://trac.webkit.org/wiki/Styling%20Form%20Controls
I thinks it works with shipped Safari just because it doesn't support <meter>
(which is treated like a <div>.)
Comment 4 Kent Tamura 2011-04-30 23:24:08 PDT 
http://trac.webkit.org/wiki/Styling%20Form%20Controls resolves this issue.