Legördülő listaban alapérték piros és listából kiválasztás után a kiválasztott érték fekete

Címkék
Legördülő listaban alapérték piros és listából kiválasztás után a kiválasztott érték fekete
2022-09-18T12:14:45+02:00
2022-09-19T12:11:54+02:00
2022-10-15T21:20:19+02:00
steak
Sziasztok! 

Segítséget szeretnék kérni egy olyan kitöltés szükséges színnel jelzésben, hogy a html selectben alap megjelenő szöveg színe (pl. Válassz a listából:) legyen piros, és miután kiválasztottam akkor az már feketén jelenjen meg a felcsukott legördülőben mint kiválasztott...
Mutasd a teljes hozzászólást!
Ha teszel rá required attribútumot, akkor utána CSS-ből simán tudod a color-t állítani :valid, :invalid pseudo selectorokkal.

Csináltam rá egy fiddle-t: Edit fiddle - JSFiddle - Code Playground
Mutasd a teljes hozzászólást!

  • Amennyire én tudom, ez csak javascript-tel lehet megoldani.
    Pl.: ha kiválaszt egy elemet módosítod a elem click eseményében, hogy a kiválasztott id-jú itemhez állítson be egy fekete betű színt. 
    Egyszerű az egész.. 
    Ha megy js nélkül is, akkor azt majd más megmondja!
    Mutasd a teljes hozzászólást!
  • Vagy esetleg mégis van mód sima css-el, ha ez kell:

    <html> <body> <select id="select" onclick="runChange()"> <option >one</option> <option >two</option> <option >three</option> <option >four</option> <option >five</option> </select> </body> </html> #select{color:red;} #select:focus option:checked { color: black; }


    Persze, ha bezárod a listát, ugyanúgy piros lesz, de a kiválasztott, a listában fekete.

    esetleg egy kis javascripttel:

    function runChange(){ document.getElementById("select").style.color = "black"; }
    Mutasd a teljes hozzászólást!
  • Ha teszel rá required attribútumot, akkor utána CSS-ből simán tudod a color-t állítani :valid, :invalid pseudo selectorokkal.

    Csináltam rá egy fiddle-t: Edit fiddle - JSFiddle - Code Playground
    Mutasd a teljes hozzászólást!
Címkék
Tetszett amit olvastál? Szeretnél a jövőben is értesülni a hasonló érdekességekről?
abcd