CIO Tech Eksperten IT-JOB IT-Kurser Events Podcast Søg
Cookie ikon
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 Breindal 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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel Indlæg Oprettet Seneste aktivitet
Bredde på div elementer Af dane022 i HTML 2 16/02/202408:29 20/02/202412:50
Hvilken mindste mobilstørrelse til hjemmeside Af CSharpRazor i HTML 2 21/12/202322:51 22/12/202308:03
validering <input tlfnr. Af slein55 i HTML 5 15/10/202311:43 15/10/202314:51
Link fra form input Af jnrmgs i HTML 9 19/09/202319:10 23/09/202313:11
includere i HTML Af slein55 i HTML 3 15/09/202313:47 16/09/202309:40
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester



Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
Lige nu omarrangering af skærme Af jcr18 i Skærme
I går 11:41 Windows 10 : Ikke kopiere tekst med Firefox. Men gerne med Opera. Af Ikke-ekspert i Browsere
27/0718:09 Kan ikke fildele fra PC til PC Af gertLundberg i LAN/WAN
27/0717:33 Facebook kopier en tråd Af clausito i Sociale medier
27/0709:49 Indtogs sejlads : OL i Paris : Hvornår kom Danmark ? Af Ikke-ekspert i Fri debat
White papers
Flere white papers »


Premium
Teaser billede
Nordjyske MapsPeople ruster op til opkøb af konkurrenter: "Vi vil vinde det her kapløb"
Læs mere »
Microsoft tager til genmæle: Vores licenspraksis skaber ikke unfair konkurrence
Færre unge studerende på landets it-uddannelser: "Vi afviser dem der, hvor de har lyst til at læse"
Overblik: Sådan forløb årets største databrud - mindst 165 organisationer ramt
Se alle »
Computerworld
Teaser billede
Elon Musk dropper CrowdStrike efter kæmpe nedbrud
Læs mere »
Med SearchGPT har verden fået en spritny søgemaskine: Kan den true Googles dominans?
Apples spritnye app til kodeord kommer til iOS 18: Sådan virker den
Apples folde-iPhone tager form: Her er planerne
Se alle »
CIO
Teaser billede
Så mange Microsoft-enheder blev ramt af gigantisk Crowdstrike-koks
Læs mere »
Telenor skrotter ældre it-system: Nyt system er en hyldevare
Derfor står Danske Bank foran en kæmpe AWS-transformation: Ellers skulle vi bygge en ny infrastruktur for at følge med
Stor aftale gør Microsofts datacentre hurtigere - investerer i netværksudstyr
Se alle »
Job & Karriere
Teaser billede
Efter 12 år er NNIT's hovedkvarter i Søborg nu ryddet og tomt - alle arbejder hjemme: "Det er med et vist vemod"
Læs mere »
Dansk top-profil trækker sig fra Microsoft: Skal være direktør i TDC Erhverv
KMD-direktør forlader selskabet: Det skal hun nu
IBM Danmark skifter ud i sin øverste ledelse - her er den nye direktion
Se alle »
White paper
Teaser billede
Unbreakable - sådan sikrer du dig vedvarende og uafbrudt adgang til dine data
Læs mere »
Sådan får du overblik og beskytter dine cloudapplikationer
SASE: Træf det rette valg – første gang
Opdag fordelene ved cloud-baseret backup og recovery
Se alle »

Events
Flere events »
White papers
Flere white papers »
IT-Kurser
Se alle vores it-kurser »