Styling the <meter> tag
Hi!
I have a problem with styling the meter tag. Read this article but there is no mention of this. Styling the <meter> tag
I want the meter to have round edges so I tried putting border-radius on meter::-webkit-meter-optimum-value but it didn't work. Putting it on the meter::-moz-meter-bar gave me round edges on the filling (see the photo) but the background still has 90° edges.
Does anyone know how can those background edges be styled?
Modified
Chosen solution
Try to set the radius on both meter and the meter-bar.
meter{ background: #0f0; border-radius:2rem; } meter::-moz-meter-bar { background: #f00; border-radius:2rem; }Read this answer in context 👍 1
All Replies (2)
Chosen Solution
Try to set the radius on both meter and the meter-bar.
meter{ background: #0f0; border-radius:2rem; } meter::-moz-meter-bar { background: #f00; border-radius:2rem; }
That's it!
Thanks for the help. :)