webForumDet fria alternativet
Logga in / Bli medlem

CSS:a en List/Meny

HTML & CSS

9 svar · 403 visningar · startad av erka

Medlem sedan dec. 19996 522 inlägg
Frågan#1

Hej

kan man göra så här på något sätt i en dropdownmeny, List.

Bra sidor (ska ha storlek 11px)
www.idg.se (ska ha storlek 9px)
www.k10k.net (ska ha storlek 9px)
Dåliga sidor (ska ha storlek 11px)
www.expressen.se (ska ha storlek 9px)
www.aftonbladet.se (ska ha storlek 9px)

ni förstår...
tack på förhand

Medlem sedan nov. 200013 890 inlägg
#2

Om jag minns rätt så kan du inte ändra storleken på fonten men du kan ändra färg på den och på bakgrunden för varje post:

<option style="background: #336699; color: #ffffff">Post 1</option>

Funkar i de bästa webbläsarna. §e

Medlem sedan jan. 20016 874 inlägg
#3

möjlig jag är ute å cyklar:

select    {font-family:"comic sans ms";color:#8184FF;background-color: #000080;font-weight:bold;}

Fast det var kanske inte just så du ville ha det.
Kanske kan fungera med classer(enklare om inte annat).
.bra{background: #336699; color: #ffffff;font-weight:bold;}
.andra{background: #336699; color: #ffffff;}

<option value="www.altavista.com" class="bra">Altavista</option>
<option value="www.excite.com/" class="andra">Exite</option>

Har inte testa så jag vet inte om det fungerar.

/frankof

Medlem sedan maj 200010 687 inlägg
#4

Nej, Tor har rätt. Det går inte att påverka enskilda <option> taggar. :l

Medlem sedan nov. 200013 890 inlägg
#5

Nej, Tor har rätt. Det går inte att påverka enskilda <option> taggar.

Det går att ändra textfärg och bakgrundsfärg sa jag också. x( :)

Medlem sedan dec. 19996 522 inlägg
#6

oki tack så mycket, då vet jag...

Medlem sedan mars 20015 287 inlägg
#7

Okelidok, nu väcker vi denna tråd.
Går det att "på håll" sätta typ: style="background: #336699; color: #ffffff" på en selectbox genom att köra en funktion liknande:

document.form.list.options[1].style="background: #336699; color: #ffffff" ?

Medlem sedan sep. 2001269 inlägg
#8
seLager.style.backgroundColor='#336699';
seLager.style.color='#ffffff';
<select name=seForm>
<option>Hej
<option id=seLager>Hej igen
</select>

kanske funkar i IE...

Medlem sedan mars 20015 287 inlägg
#9

Får inte det att fungera och tror tyvärr inte det är lösningen på mitt problem.
Jag har nu en select/dropdown som jag fyller dynamiskt, därför kan jag inte skriva någotdirekt i optiontaggen.
Finns det något sätt att komma åt den "dynamiskt" och sätta typ: style="background: #336699; color: #ffffff" på just en rad/ett option?

<form name="form1" method="post" action="test.html">
<select multiple size=10 name="list2"  style="width:200px;">
</select>
</form>
Medlem sedan mars 20015 287 inlägg
#10

Detta fungerar:

document.form1.list2.options[0].style.background='yellow';
261 ms totalt · 4 externa anrop · v20260731065814-full.df76c93f
126 ms — deklarationer (db)
0 ms — hämta statistik (cache)
130 ms — hämta tråd, inlägg och bilagor (db)
127 ms — ändringar (db)