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
Cloud & AI
I dette særtema ser vi på, hvordan cloud og AI bliver fundamentet for virksomhedernes digitale forretning, og hvordan de nye muligheder for automatisering og forretningsværdi kan udnyttes uden at miste overblik, sikkerhed og menneskelig kontrol.
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