Avatar billede netguru Nybegynder
23. august 2001 - 12:56 Der er 5 kommentarer og
1 løsning

Pæne dropdowns

Jeg synes dropdown/<SELECT> er hæslige i som standard. Kan man ikke gøre noget ved dem, for at gøre dem pænere?

Jeg har hørt, at CSS ikke kan gære det.. passer det? Hvad gør man så?
Avatar billede sunlock.dk Nybegynder
23. august 2001 - 12:58 #1
CSS kan ikke rigtigt gøre noget ved select-boxe. Du kan derimod leget lidt med grafik:
http://www.olebole.f2s.com/selector_dom/index.html

::sunlock.dk::
Avatar billede barlach Nybegynder
23. august 2001 - 13:03 #2
prøv :

select
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px; color: #000000;
border-color: #000000 #000000 #000000 black;
border-style: solid; border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px
}
Avatar billede Tony Juniormester
23. august 2001 - 13:44 #3
Desværre, vi er \"gift\" med div. 3D effekter på vores forms. Efterfølgende er stort set, hvad du har at gøre med i CSS:

<!DOCTYPE HTML PUBLIC \"-//W3C//DTD HTML 4.0 Transitional//EN\">
<html>
<head>
    <title>farvede forms</title>
<style type=\"text/css\">
<!--
.farvetforms {background-color:#FFFF00;
              border-color:#0000FF #FF0000 #00FF00 #00FFFF;
              border-style:solid;
              border-top-width:thin;
              border-right-width:thick;
              border-bottom-width:medium;
              border-left-width:thin;
              font-family: Verdana, Arial, Helvetica, sans-serif;
              font-size: 9px; color: #FF0000;
}
.farvetforms1{background-color:#FFFFFF;
              border-color:#FFFFFF #FFFFFF #FFFFFF #FFFFFF;
              border-style:solid;
              border-top-width:thin;
              border-right-width:thick;
              border-bottom-width:medium;
              border-left-width:thin;
}
-->
</style>
</head>
<body>
<center>
<form name=\"farvede_forms\" method=\"post\" action=\"\">
  <input type=\"text\" name=\"textfield\" class=\"farvetforms\">
<br><br>
  <input type=\"button\" value=\"Send\" class=\"farvetforms\" onFocus=\"this.blur();\">
<br><br>
  <input type=\"radio\" name=\"radio\" value=\"On/Off\" class=\"farvetforms\">
<br><br>
  <input type=\"checkbox\" name=\"check\" value=\"Check me\" class=\"farvetforms\">
<br><br>
  <select name=\"dropdown\" class=\"farvetforms\">
    <option>Vaelg
    <option>Vaelg 1
    <option>Vaelg 2
    <option>Vaelg 3
    <option>Vaelg 4
    <option>Vaelg 5
  </select>
<br><br>
<select name=\"list\" size=4  class=\"farvetforms\">
    <option>Vaelg
    <option>Vaelg 1
    <option>Vaelg 2
    <option>Vaelg 3
    <option>Vaelg 4
    <option>Vaelg 5
</select>
<br><br>
  <input name=\"password\" type=\"password\" value=\"password\" class=\"farvetforms\">
<br><br>
  <input type=\"file\" value=\"file\" class=\"farvetforms\">
<br><br>
  <input type=\"reset\" class=\"farvetforms1\" onFocus=\"this.blur();\">
<br><br>
  <input type=\"button\" value=\"Send\" class=\"farvetforms1\" onFocus=\"this.blur();\">
</form>
</center>
</body>
</html>

/Tony
Avatar billede olebole Juniormester
24. august 2001 - 04:53 #4
<ole>
Dersom det ikke er \'multible\'-selects, der er tale om, kan du kun sætte baggrundsfarve og tekstfarve. Det kan du sætte på hele select\'en eller på de enkelte options.
Derudover font-family, -size, -weight og -style på hele select\'en - ikke de enkelte options.
/mvh
</bole>
Avatar billede netguru Nybegynder
24. august 2001 - 10:35 #5
sunlocks løsning er jo et alternativ, der var værd at overveje.

Men mange tak alle!
Avatar billede sunlock.dk Nybegynder
24. august 2001 - 11:55 #6
Takker for points ;)

::sunlock.dk::
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