Avatar billede beldring Nybegynder
21. august 2002 - 14:21 Der er 8 kommentarer og
1 løsning

Dropdown-boks-ændring?

Hejsa.

Hvordan kan jeg gennem css ændre farver osv. på en dropdown-boks?

Jeg har et eksternt stylesheet-dokument, og bruger f.eks. :

.email {  BORDER-STYLE: solid; BORDER-WIDTH: 1; border-color: #c6c6c6; BACKGROUND-COLOR: #EBF0F4;
            FONT-FAMILY: verdana; FONT-SIZE: 10 pt;}

til at ændre på et textfield.

På forhånd tak.

/Beldring
http://www.musikviden.dk
Avatar billede werd Nybegynder
21. august 2002 - 14:50 #1
select, option {color:blue; background-color:red; width:100px; height:20px;}
Avatar billede jakoba Nybegynder
21. august 2002 - 14:54 #2
du kan lægge styles i select-kommandoen på samme måde, men da en select-kommando har en masse andre hensyn den skal tage er det ikke alle style attributter der virker.  border attributterne er fx svære fordi dropdown-firkanten skal stå lige under det viste felt uden nogen pixels imellem.

i enkelte browsere kan du sætte nogle styles på individuelle options, men det er endnu mere usikkert. prøv dig frem og få så testet i andre browsere om det er godt nok.
Avatar billede beldring Nybegynder
21. august 2002 - 14:59 #3
werd>>>
Skal det bare skrives direkte ind, eller skal det hedde noget i stil med:

.select option{blablabbla}`????
Avatar billede beldring Nybegynder
21. august 2002 - 15:10 #4
Og hvad med selve "Knappen, som man klipper på, for at få boksen ned, kan den ikke ændre farve? ... og hvad med fonten?

Jeg har fundet ud af hvordan det skal skrives ind.
Avatar billede jakoba Nybegynder
21. august 2002 - 15:10 #5
i en <style  er der forskellige muligheder:

ord {  /* assig den style til html kommandoer der hedder <ord  */
    attribut : attrubutværdi;
}

.navn {  /* assign den style til alle html kommandoer
              der har  class='navn'
            '.' foran fortælle det er et klassenavn */
    attribut : attrubutværdi;
}

ord.navn { /* assign denne style til <ord kommander
              der også har class='navn'  */
    attribut : attrubutværdi;
}

ord1, ord2 { /* denne style gælder for både <ord1 kommandoer
                og <ord2 kommandoe.
              ',' laver en liste.  */
    attribut : attrubutværdi;
}

/* de kan så kombineres som du vil: */

a, .mail, p.olsen, select {
              /* denne style gælder for både <a kommandoer
                og alle kommandoer med class='mail'
                og <p kommandoer med class='olsen'
                og alle <select kommandoer.
              */
    attribut : attrubutværdi;
}

mvh JakobA
Avatar billede beldring Nybegynder
21. august 2002 - 15:16 #6
okay... ved du hvordan man ændrer farven på "knappen"? ... og fonten?
Avatar billede jakoba Nybegynder
21. august 2002 - 15:23 #7
der er som i alle andre styles:
    font-family: verdana;  /* hvilken font */
    font-size: 50px;      /* hvor stor font */
    font-weight: 900;      /* hvor fed skal fonten tegnes */

den lille knap med pilen kender jeg ingen måde at ændre farve på i nogen browser.
Avatar billede werd Nybegynder
21. august 2002 - 15:45 #8
du kan ikke farve knappen...

det jeg har skrevet skulle virke hvis du sætter stylen ind sammen med det andet
Avatar billede beldring Nybegynder
22. august 2002 - 12:18 #9
okay... tak for hjælpen.
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester