Avatar billede krk Nybegynder
20. oktober 2010 - 15:49 Der er 6 kommentarer og
2 løsninger

Styling af dropdown list

Hej
Er det muligt at style pilen på en selectbox/dropdown liste?
Avatar billede keysersoze Ekspert
20. oktober 2010 - 16:09 #1
Så vidt jeg husker dækker denne - http://www.html.dk/artikler/00010/ - også dropdown. Det virker dog ikke crossbrowser - skal det det skal du lave din egen dropdown i fx javascript, du kan sikkert finde gode eksempler med jquery på netop det.
Avatar billede Springform Nybegynder
20. oktober 2010 - 16:12 #2
pilen bliver stylet af dit operativ system og ikke din browser så det er vist ikke muligt at gøre noget ved.
Avatar billede webweaver Praktikant
21. oktober 2010 - 00:57 #3
Internet Explorer understøtter CSS på scoll og så videre.
Det gør Firefox, Chrome og så videre ikke.

keysersoze har sendt dig, et link til det du leder efter.
Avatar billede krk Nybegynder
21. oktober 2010 - 08:39 #4
Jeg kan ikke få det til at virke
min css ser sådan ud

.dropdown{
    scrollbar-face-color:red;scrollbar-base-color:blue;
    scrollbar-shadow-color:yellow;
    scrollbar-darkshadow-color:aqua;
    scrollbar-highlight-color:magenta;
    scrollbar-arrow-color:yellow;
    scrollbar-3dlight-color:aqua;
}

og html
<select name="type" class="dropdown">
          <option>Vælg type...</option>
          <option>fys</option>
          <option>Ernærings ekspert</option>
          <option>Vægt træning</option>
        </select>
Avatar billede webweaver Praktikant
21. oktober 2010 - 10:03 #5
Jeg kan se du har 6 "kommandoer" for dine scroll bars.
Dem jeg bruger, indeholder 8. Prøv at se om det gør en forskel.

scrollbar-3dlight-color: #AEB5C7;
scrollbar-arrow-color: #000000;
scrollbar-base-color: #AEB5C7;
scrollbar-track-color: #AEB5C7;
scrollbar-darkshadow-color: #AEB5C7;
scrollbar-face-color: #AEB5C7;
scrollbar-highlight-color: #73819E;
scrollbar-shadow-color: #73819E;

Og så prøv at kalde den select.dropdown { istedet for...

Tag evt. også test det på et text area. Der ved jeg at det virker. Bare for at checke op på koden er korrekt.
Avatar billede krk Nybegynder
21. oktober 2010 - 10:22 #6
Det virker fint på textarea, men stadig ikke på selectbox :-(
Det er nok som "Springform" skriver at det er operativ system der bestemmer, så der er nok ikke så meget at gøre.
Men "Tak" for forsøget. I henter bare point
Avatar billede webweaver Praktikant
21. oktober 2010 - 10:31 #7
Ja, så er der ikke så meget at gøre. Men du kan jo stadig godt style select bokse med farve og teksttype osv ...
Bare ikke scollbar åbenbart.

Tak for point.
Avatar billede jokkejensen Novice
22. oktober 2010 - 10:59 #8
Her er en ide til crossbrowser, har selv brugt, dog en heeel del modificeret :)

http://v1.badboy.ro/articles/2005-07-23/index.php

/J
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