html 미터 라벨의 색상 문제 해결 방법에 대해

미터 라벨 색상 문제에 대해

<meter id="meterid" value="1" min="1" max="100" low="30" high="60" optimum="50" style="width:300px;height:150px;color:red;">您的浏览器版本不能显示此控件</meter>

최대값이 100이고 30 미만은 낮고 60 이상은 높다는 것을 알 수 있습니다. 그런 다음 질문이 옵니다.

가치를 모니터링하고 판단하려면 onchange 이벤트를 추가하세요. 스타일 속성 설정

주로 색상을 변경하는 방법을 모르기 때문입니다. 어떻게 스타일로 쓰는지 모르겠어요. 배경색을 사용하면 색상에 직접 사용하는 것은 레이블의 텍스트 색상을 변경하는 것입니다.
예를 들어 값이 낮을 때 빨간색으로 바꾸고 싶은 경우 어떻게 해결하나요?

찾아보니 관련 속성이 없습니다.
캔버스를 사용하여 시뮬레이션해 보세요

감사합니다. 살펴보고 최적 값인 "optimum"으로 값을 변경했습니다. 낮은 값이면 빨간색으로 변합니다. (무슨 일인지도 모르고, 스타일을 직접 바꿀 수 있는 방법도 없고, 온라인에서 찾을 수도 없었지만요.)

optimum이 가장 높은 값이고, 가까울수록 좋습니다. 아, 알겠습니다. 색상은 최대 값에서 멀어질수록 녹색에서 노란색, 빨간색으로 변합니다.

위 내용은 html 미터 라벨의 색상 문제 해결 방법에 대해의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!