이 쓰레드는 보존되었습니다.
만약 도움이 필요하시면 새로운 질문을 올려주세요.
해결된 질문
보존
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?
Hi!
I have a problem with styling the meter tag. Read this article but there is no mention of this.
[https://developer.mozilla.org/en-US/docs/Web/HTML/Element/meter 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?
글쓴이 cor-el 수정일시
모든 댓글 (2)
선택된 해결법
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. :)