Bug 59316

Summary:	REGRESSION: Unavailability to style <meter> tags with CSS
Product:	WebKit	Reporter:	Alberto Calvo <intemperie>
Component:	CSS	Assignee:	Nobody <webkit-unassigned>
Status:	RESOLVED WORKSFORME
Severity:	Normal	CC:	ap, dglazkov, morrita, tkent
Priority:	P1	Keywords:	Regression
Version:	528+ (Nightly build)
Hardware:	Mac (Intel)
OS:	OS X 10.6
URL:	http://jsfiddle.net/aBMKN/1/

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.