Maison > interface Web > tutoriel HTML > À propos de la solution au problème de couleur de l'étiquette du compteur HTML

À propos de la solution au problème de couleur de l'étiquette du compteur HTML

黄舟
Libérer: 2017-06-29 14:12:30
original
3763 Les gens l'ont consulté

À propos du problème de couleur de l'étiquette du compteur

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

Voici mon code. Vous pouvez voir que la valeur maximale est de 100, qu'une valeur inférieure à 30 est faible et qu'une valeur supérieure à 60 est élevée. Alors voici la question :

À propos de la solution au problème de couleur de létiquette du compteur HTML

À propos de la solution au problème de couleur de létiquette du compteur HTML

À propos de la solution au problème de couleur de létiquette du compteur HTML

Ajouter un événement onchange à surveiller Portons un jugement sur la valeur. La définition de l'attribut style

est principalement due au fait que je ne sais pas comment changer la couleur. Je ne sais pas comment l’écrire avec style. Utiliser background-color est inutile. Ce que vous utilisez directement avec color, c'est changer la couleur du texte dans l'étiquette.
Par exemple, si je veux le faire devenir rouge lorsque la valeur est faible, comment puis-je le résoudre ?

Après recherche, il n'y a aucun attribut pertinent.
Utilisez canvas pour le simuler

Merci j'ai jeté un œil et j'ai changé la valeur en valeur optimale "optimum". (Bien que je ne sache pas ce qui se passe et qu'il n'y ait aucun moyen de changer directement le style, et que je ne l'ai pas trouvé en ligne.)

optimum est la valeur la plus élevée, et plus elle est proche, mieux c'est. Oh je pense, je comprends, la couleur passe du vert au jaune puis au rouge à mesure que l'on s'éloigne du bonus maximum.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal