Avatar billede apo Praktikant
19. marts 2004 - 23:02 Der er 14 kommentarer og
1 løsning

Radiobuttons, dropdowns og checkboxes

Hej,

Hvordan tilpasser jeg udseendet (baggrundsfarver, m.v.) på radiobuttons, dropdowns og checkboxe, så de passer til farverne på mit website?

Apo
Avatar billede skovenborg Nybegynder
19. marts 2004 - 23:08 #1
der er en del begrænsninger når man definerer farver på visse formelementer, men du kan prøve med background-color fx:
<head>
<style type="text/css">
SELECT,OPTION {background-color:#f00;}
</style>
</head>
Avatar billede roenving Novice
19. marts 2004 - 23:08 #2
Ved at lave dem selv som billeder !-)

De kan ikke ændres ret meget, dog kan du ændre baggrundsfarve og tekstfarve samt font på selects ...
Avatar billede skovenborg Nybegynder
19. marts 2004 - 23:10 #3
forresten er tekstfarve color - i tilfælde af at du ikke er kender CSS ;-) Hvis ikke vil jeg i hvert fald anbefale dig at læse et tutorial fx på html.dk
Avatar billede skovenborg Nybegynder
19. marts 2004 - 23:11 #4
et alternativ kunne også være at lave nogle af form-elementerne med javascript, for på den måde at kunne styre designet fuldstændigt. Men det kan godt være temmelig bøvlet af have med at gøre, selvom det giver et flot resultat.
Avatar billede apo Praktikant
19. marts 2004 - 23:28 #5
Roenving >> Hvordan laver man dem som billeder?

Skovenborg >> Baggrundsfarven kan jeg sagtens ændre, men ikke "rammerne" - Altså, den del der bliver erstattet af IE's eget design :-(

Apo
Avatar billede roenving Novice
19. marts 2004 - 23:35 #6
Grunken har et par gange vist f.eks. radiobuttons som billeder, men jeg har ikke lige linket liggende, men ideen er,

med radios: at du har to billeder i passende størrelse og med passende udseende, som du så skifter imellem onclick, og har en script-funktion, som holder din gruppe af radios sammen, så de reagerer som normale radios (der kan kun være een markeret og man kan ikke afmarkere !-), desuden vil man typisk bruge et antal skyggefelter til registrering af, hvad der er valgt !-)

-- og jeg fandt et link til en custom select-box: http://www.eksperten.dk/spm/441486
Avatar billede nute Nybegynder
19. marts 2004 - 23:45 #7
her er eksempel på custom checkboxes ... princippet med radio buttons er det samme:

http://xperimentum.com/xperten/463414/

/nute
Avatar billede grunken Nybegynder
19. marts 2004 - 23:49 #8
Avatar billede apo Praktikant
20. marts 2004 - 00:12 #9
Gode simple forslag, til alternative radiobuttons og checkboxes - Det ser lovende ud :-)

Selectboxes virker straks lidt mere kompliceret at gå til, men er dog et reelt alternativ.

Tak for forslagene!

roenving, nute og grunken... Smid et svar, så deler i points'ne :-)

Apo
Avatar billede roenving Novice
20. marts 2004 - 00:15 #10
Så velbekomme '-)
Avatar billede nute Nybegynder
20. marts 2004 - 00:17 #11
haps :-) ... og god nat ... *gaaaaab*
Avatar billede nute Nybegynder
20. marts 2004 - 00:18 #12
hmm ... jeg er så træt at jeg ikke kan ramme "svar" engang ...
Avatar billede apo Praktikant
20. marts 2004 - 00:20 #13
Hov... Nu fik roenving alle points'ne? Jeg skulle nok have ventet til alle havde svaret :-(
Avatar billede roenving Novice
20. marts 2004 - 00:21 #14
Ja, man kan kun uddele points een gang, sekund !-)
Avatar billede roenving Novice
20. marts 2004 - 00:22 #15
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