Avatar billede Slettet bruger
25. maj 2004 - 18:39 Der er 4 kommentarer

Style til Checkbox

Jeg ved ikke om jeg har placeret mit spørgsmål det rigtige sted, men hva faen.

<input type="checkbox" name="autologin" value="ON" style="background-color: #FFB800;">Autologin (?)<br>

Dette er min kode til min checkbox. Som I kan se, så prøver jeg på at give checkboxen en baggrundsfarve ved at tilføje:

style="background-color: #FFB800;"

Men der sker intet. Det underlige er, at det virker ved option-lists, password-bokse, tekst-bokse og alle de andre typer. Men lige præcis checkboxen virker det ikke på.

Så mit spørgsmål er nu: Er der nogen der ved hvordan man kan farve sin checkbox? Det er det hvide område i boksen der skal farves.
Avatar billede grunken Nybegynder
25. maj 2004 - 19:00 #1
desværre er der ikke p.t muligheder for at ændre den farve vha. stylesheets :o)

farven inde i "feltet" er 100% styresystemsafhængig :/

Men du kan jo prøve at kigge på http://www.grunken.dk/checkbox/ , der har jeg "prøvet at style checkboxes med billeder :o)
Avatar billede Slettet bruger
25. maj 2004 - 19:02 #2
Jeg kan godt forstå at du er forvirret, men du kan desværre ikke gøre ret meget ved en checkboks.

Du kan ændre størrelsen, og sætte border samt baggrundsfarve. Desværre har hverken border eller baggrundsfarve den effekt du ønsker.
Avatar billede skovenborg Nybegynder
25. maj 2004 - 20:20 #3
og dog... i mozilla er det faktisk muligt at lave et par tricks med checkboxen:
<style type="text/css">
INPUT.chk {
      -moz-appearance:none;
      width:12px;
      height:12px;
      -moz-box-sizing:content-box;
      -moz-outline:7px solid #FFB800;
      -moz-user-focus:none;
}

Dette skal selvfølgelig ikke ses som en egentlig løsning - der synes jeg grunkens er meget bedre (og flottere ;-) - men bare et eksempel på hvordan effekten kan laves. I CSS3 vil det så vidt jeg ved, også være muligt at lave det i almindelig standard CSS, men om det vil give samme resultat ved jeg ikke og jeg tvivler på at Microsoft hopper op som små glade drenge og udsender en opdateret Internet Explorer når den tid kommer.
</style>

<input class="chk" type="checkbox" />
Avatar billede skovenborg Nybegynder
25. maj 2004 - 20:21 #4
hov teksten skulle selvfølgelig ikke være placeret midt indeni det hele ;-)
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