Is het mogelijk om tekst onder een bepaalde waarde een andere kleur te geven?

Question

Is het mogelijk om een cijfer onder de waarde 5 rood te maken in HTML/.. ? Bijvoorbeeld: 6 -> normale kleur, 4 -> rode kleur

 · Accepted Answer

Ik kan je met een kort jQuery-scriptje helpen. Zie http://jsbin.com/viqabocebe/1/edit?html,js,output. In de JavaScript-comments staat alles haarfijn uitgelegd. Verander het getal in het <span>-element en zie wat er veranderd.

Als het even meezit zal ik nog wat alternatieven online zetten (meerdere getallen op één pagina, een getal dat dynamisch veranderd, enz.)

Toegevoegd na 31 minuten:
Bij deze een versie waarin de getallen (meervoud) veranderen en daarmee ook de kleur: http://jsbin.com/mufacusuya/2/edit?html,js,output.

In dit geval heb ik een soort van schoolcijfer-systeem gemaakt: willekeurige getallen van 1 tot 10, waarbij voldoendes en hoger groen zijn, vijven oranje en onvoldoendes rood.

 · Answer

Ja, dat kan op meerdere manieren, waaronder: 1) via HTML: 4 2) via inline CSS:

4

3) via outline CSS:

4

. In het stylesheet wordt dan de class "red" gedefinieerd

Is het mogelijk om tekst onder een bepaalde waarde een andere kleur te geven?

Het beste antwoord

Andere antwoorden (1)

Bekijk alle vragen in deze categorieën: