Autor | Zpráva | ||
---|---|---|---|
Prochy Profil |
#1 · Zasláno: 27. 10. 2012, 17:34:08
Ahoj,
chci se zeptat, jaký je nejlepší způsob pro obarvení optionu u selectu. Samozřejmě, že sem zkusil základ jako je <option style="color:red !important;"> . Bohužel tento kód obarví option pouze pokud rozkliknu seznam, jinak má defaultní barvu černou. Pokud ale nastavim přímo selectu červenou barvu textu, tak má i bez rozbalení požadovanou barvu, ale bohužel barvy mají všechny položky, což je nežádoucí, tak by rád věděl, jak můžu docíli obarvení jedné položky jak při rozbalení, tak i bez rozbalení.
Živá ukázka Děkuji za odpověď |
||
Prochy Profil |
#2 · Zasláno: 29. 10. 2012, 15:06:26
Tak sem to nakonec vyřešil pomocí javascriptu, ale je divný, že na jiný způsob sem nepřišel, nebo tu nikdo neporadil.
|
||
Kcko Profil |
#3 · Zasláno: 29. 10. 2012, 22:17:48
Prochy:
Google je náš kamarád http://stackoverflow.com/questions/1072239/is-it-possible-to-style-a-select-box |
||
Prochy Profil |
#4 · Zasláno: 29. 10. 2012, 22:41:29
Samozřejmě, že je kamarád, ale mě spíš zajímalo, jestli to jde bez JS, přeci jenom mi to přišlo, že to je celkem základní věc, tak že mi napíšete, že sem blbej a má to bejt takto přes CSS. :-)
Nakonec jsem to vyřešil jedním skriptem v jQuery: $('#frmclientForm-declaration').css('color',$('#frmclientForm-declaration option:selected').css('color')); $('#frmclientForm-declaration').live('focus', function(){ $(this).css('color','black'); }) $('#frmclientForm-declaration').live('blur', function(){ $(this).css('color',$('#frmclientForm-declaration option:selected').css('color')); }) |
||
Kcko Profil |
#5 · Zasláno: 29. 10. 2012, 22:44:03
Prochy:
Řešil bych to náhradou za vlastní rozbalovací nabídku (opět přes JS). Btw. fce LIVE je deprecated a mohl by jsi se naučit si často opakované vyběry ukládat do proměnné a zbytečně nezatěžovat prohlížeč :-) |
||
Prochy Profil |
#6 · Zasláno: 29. 10. 2012, 23:01:34
Děkuji za odpověď a upozornění na LIVE funkci.
|
||
Kcko Profil |
#7 · Zasláno: 29. 10. 2012, 23:03:48
Za málo ;-)
Pro případné studium jQuery bych doporučil https://tutsplus.com/course/30-days-to-learn-jquery/ , vynikající tutoriál, i ke stažení. |
||
Časová prodleva: 11 let
|
0