Autor Zpráva
Sitole
Profil
Dobrý den,
celý den se snažím najít nějaký jednoduchý a úhledný způsob jak stylovat elementy option a případně také optgroup. Mám vcelku jednoduchý select box, který je rozdělený do kategorii podle názvů firem a každá kategorie má několik option elementů. Marně jsem hledal jak elementům například nastavit výšku, či výšku řádku, abych je dostal dále od sebe. Dočetl jsem se, že je tak učiněno z důvodu, kdy si každý prohlížeč (zejména mobilní) vykreslují boxy zvlášť a dávají jím vlastní styly. Přitom jsem na internetu našel obrázky a někdy dokonce i funkční řešení, kdy se podařilo elementy měnit více, než pozadí a barvu textu. Jak problém řešit? Skrze Javascript?

<select class="select" title="Vybrat projekt">
    <option disabled selected hidden>Prosím vyberte projekt</option>
    <optgroup label="Google">
        <option value="1">Můj první projekt</option>
    </optgroup>
    <optgroup label="Apple">
        <option value="2">Můj druhý projekt</option>
        <option value="3">Můj třetí projekt</option>
    </optgroup>
</select>

Předem děkuji za vaši odpověď.
Taps
Profil
Sitole:
Stylování <select>u
Tomášeek
Profil
Sitole:
Přitom jsem na internetu našel obrázky a někdy dokonce i funkční řešení, kdy se podařilo elementy měnit více, než pozadí a barvu textu. Jak problém řešit?
Podívat se do zdrojového kódu, jak ty funkční byly řešené tě nenapadlo?

Vaše odpověď

Mohlo by se hodit


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm: