Avatar billede 20 Nybegynder
18. november 2004 - 19:33 Der er 3 kommentarer og
1 løsning

Style på en <select>

Hej eksperter. Jeg har en kode som ser sådan herud:

<select onChange="if (this.options[this.selectedIndex].value != 'v_q' ){ document.location=this.options[this.selectedIndex].value;}" name="links"  style="color:rgb(119,64,18); border-color:black; border-style:solid;">
                                <option selected>Quicklinks</option>
                               
</select>


Jeg vil gerne have jer til at give den et fedt layout, så den passer til noget "orange" / "guld" / "mørkeguld" farver. På forhånd tak.

Gerne med en solid border på med 1 px.
Avatar billede exp Juniormester
18. november 2004 - 19:38 #1
No can do...

Det er meget få ting på en select-box du kan ændre... nogle af tingene er font-properties samt baggrundsfarver...
Avatar billede 20 Nybegynder
18. november 2004 - 19:49 #2
Hmm. :)
Lavede..

    <style>
    select {
    font-family: verdana, tahoma;
    font-size: 10px;
    color: #555E6C;
    background-color: #F8F8F8;
    border-top: #DDDDDD 1px solid;
    border-right: #DDDDDD 1px solid;
    border-bottom: #DDDDDD 1px solid;
    border-left: #DDDDDD 1px solid;
    scrollbar-face-color: #FFFFFF;
    scrollbar-highlight-color: #EEEEEE;
    scrollbar-shadow-color: #c4c4c4;
    scrollbar-3dlight-color: #EEEEEE;
    scrollbar-arrow-color: #c4c4c4;
    scrollbar-track-color: #ffffff;
    scrollbar-darkshadow-color: #EEEEEE;
    }
    </style>


Og tog en class="select" på, og den blev perfekt :)
Avatar billede exp Juniormester
18. november 2004 - 20:03 #3
Ja, i IE - ikke i de andre browsere... men det betyder måske ikke noget?
Avatar billede olebole Juniormester
18. november 2004 - 20:08 #4
<ole>

20 >> Hvorfor gav du så ikke exp pointene? Han gav dig jo et fuldstændig korrekt svar.
Hvor er forskellen på disse to - og kan du sætte andet end font- og farve-properties?

<style type="text/css">
.myselect_1 {
    font-family: verdana, tahoma;
    font-size: 10px;
    color: #555E6C;
    background-color: #F8F8F8;
    border-top: #DDDDDD 1px solid;
    border-right: #DDDDDD 1px solid;
    border-bottom: #DDDDDD 1px solid;
    border-left: #DDDDDD 1px solid;
    scrollbar-face-color: #FFFFFF;
    scrollbar-highlight-color: #EEEEEE;
    scrollbar-shadow-color: #c4c4c4;
    scrollbar-3dlight-color: #EEEEEE;
    scrollbar-arrow-color: #c4c4c4;
    scrollbar-track-color: #ffffff;
    scrollbar-darkshadow-color: #EEEEEE;
}
.myselect_2 {
    font-family: verdana, tahoma;
    font-size: 10px;
    color: #555E6C;
    background-color: #F8F8F8;
}
</style>

<select class="myselect_1">
    <option>iælkjælk</option>
    <option>iælkjælk</option>
    <option>iælkjælk</option>
    <option>iælkjælk</option>
</select>

<select class="myselect_2">
    <option>iælkjælk</option>
    <option>iælkjælk</option>
    <option>iælkjælk</option>
    <option>iælkjælk</option>
</select>

/mvh
</bole>
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