Diskuze: Select option zafarbenie textu

HTML a CSS HTML a CSS Select option zafarbenie textu American English version English version

Avatar
Marcel Václav:

Ahojte, potreboval by som spraviť, že pri výbere option sa text zobrazí zafarbený label,
môj kód:

<select class="form-control" name="poruchastav_name" ng-model="porucha.poruchastav_name">
                <option><span class="label-success">Opravené</span></option>
                <option><span class="label-danger">Čaká na prijatie</span></option>
                <option><span class="label-warning">Servisné oddelenie</span></option>
            </select>

Ďakuejm prípadne píšte ako na to a kde robím chyby

 
Odpovědět 7. března 10:42
Avatar
Tomáš123
Člen
Avatar
Nahoru Odpovědět 7. března 11:32
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Avatar
Odpovídá na Tomáš123
Marcel Václav:

Prepáčte zle som sa vyššie vyjadril, nie zafarbený select ale že vyberom selecta zafarbím výsledok selektu príklad v tabulke text po pridaní záznamu

 
Nahoru Odpovědět 7. března 12:09
Avatar
Odpovídá na Marcel Václav
Michal Štěpánek:

Na to bude třeba nějaký script, to samotným html a css nepůjde...

Nahoru Odpovědět 7. března 13:45
Nikdy neříkej nahlas, že to nejde. Vždycky se totiž najde blbec, který to neví a udělá to...
Avatar
Tomáš123
Člen
Avatar
Tomáš123:

Skús si prezrieť toto: http://kod.djpw.cz/qqob

Využitím elementu <label> ide zacieliť input s nastaveným id. Input sa môže nachádzať prakticky kdekoľvek v kóde a viazať naňho ide selektorom (ľubovoľného) suseda (~) +.

O podpore neviem. Zrejme to zvládajú prehliadače, ktoré rozumejú selektoru.

Ukážku zostavil Chamurappi.

Nahoru Odpovědět 7. března 17:57
Keby nebolo Internetu Exploreru, nebolo by dnešného internetu.
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 5 zpráv z 5.