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.
Annonceindlæg tema
Offentlig digitalisering
Fra effektivisering til digital suverænitet. Hvordan skaber det offentlige en digital fremtid med AI, sikkerhed og kontrol i centrum?
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...
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 :)
exp
Juniormester
18. november 2004 - 20:03
#3
Ja, i IE - ikke i de andre browsere... men det betyder måske ikke noget?
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>
Vi tilbyder markedets bedste kurser inden for webudvikling