webForumDet fria alternativet

CSS:a en List/Meny

9 svar · 401 visningar · startad av erka

erkaMedlem sedan dec. 19994 597 inlägg
#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

------------------
1 Man, 1 Million dead, The odds are just about even - Ash

Web-TorMedlem sedan nov. 200011 794 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

------------------
/Tor

Gör ett hembesök

[Redigerat av Web-Tor den 24 apr 2001]

frankofMedlem sedan jan. 20014 275 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

------------------
Jag ilar genom allt jag gör för att få göra något annat.

Erik JuhlinMedlem sedan maj 20007 625 inlägg
#4

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

------------------
/Erik
www.juhlin.nu /sk8files/ /mp2d/

Web-TorMedlem sedan nov. 200011 794 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( :)

------------------
/Tor

Gör ett hembesök

erkaMedlem sedan dec. 19994 597 inlägg
#6

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

------------------
1 Man, 1 Million dead, The odds are just about even - Ash

solbulleMedlem sedan mars 20014 998 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" ?

------------------
/solbulle
Hemmabio | Spelautomater | The Who | The Who II

easMedlem sedan sep. 2001274 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...

------------------
Schöndells webbsajt

[Redigerat av eas den 12 feb 2002]

solbulleMedlem sedan mars 20014 998 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>

------------------
/solbulle
Hemmabio | Spelautomater | The Who | The Who II

solbulleMedlem sedan mars 20014 998 inlägg
#10

Detta fungerar:

document.form1.list2.options[0].style.background='yellow';

------------------
/solbulle
Hemmabio | Spelautomater | The Who | The Who II

Genererad på 373 ms · cache AV · v20260730165559-full.f96bc7eb