[css] checkbox stylen

[losealot]

ik gebruik volgende code om men input dingen te stylen

code:

input{
    font-family: Verdana, Tahoma, Arial;
    font-size: 8pt;
    color: black;
    font-weight: none;
    border: 1px solid black;
    background-color: white;
}

dit werkt, maar IE zet een border rond de checkbox die nogal storend is. mijn idee was om ipv input te gebruiken, de dingen op te splitsen in

code:

option, textarea, select{
    font-family: Verdana, Tahoma, Arial;
    font-size: 8pt;
    color: black;
    font-weight: none;
    border: 1px solid black;
    background-color: white;
}
checkbox{
    font-family: Verdana, Tahoma, Arial;
    font-size: 8pt;
    font-weight: none;
    background-color: white;
}

maar dit blijkt niet te werken, nietegenstaande dat er zeker een opmaak aan een checkbox kan gegeven worden. iemand een idee?

[Verwijderd]

Een checkbox is dan eigenlijk ook niet te stylen

Als je het echt heel netjes wilt hebben kun je denk ik beter naar een javascript-oplossing gaan die een plaatje verwisseld als je er op klikt en tegelijk een hidden formelement aanstuurt waarin je de waarde van de 'checkbox' opslaat.

edit
als het alleem om de achtergrondkleur gaat moet het igg wel lukken, border gaat iig niet op bij een checkbox

[ Voor 19% gewijzigd door Verwijderd op 17-09-2005 09:45 ]

[Verwijderd]

Verwijderd schreef op zaterdag 17 september 2005 @ 09:43:
Als je het echt heel netjes wilt hebben kun je denk ik beter naar een javascript-oplossing gaan die een plaatje verwisseld als je er op klikt en tegelijk een hidden formelement aanstuurt waarin je de waarde van de 'checkbox' opslaat.

Dit is een mooi voorbeeld daarvan...

[losealot]

dus als ik input gebruik, dan kan ik het wel stylen, maar de onderdelen afzonderlijk niet?

hier slagen ze er blijkbaar wel in http://www.456bereastreet.com/lab/form_controls/checkboxes/

[Tsunami]

Daar geven ze iedere checkbox gewoon een id. Als je al je checkboxes dezelfde class geeft en dan die class styled, moet het lukken lijkt me.

[ Voor 5% gewijzigd door Tsunami op 17-09-2005 09:54 ]

[Verwijderd]

_Losealot_ schreef op zaterdag 17 september 2005 @ 09:39:
ik gebruik volgende code om men input dingen te stylen
...

dit werkt, maar IE zet een border rond de checkbox die nogal storend is.
...
nietegenstaande dat er zeker een opmaak aan een checkbox kan gegeven worden. iemand een idee?

Volgens mij moet het hiermee werken:

Cascading Stylesheet:

input
{ font-family: Verdana, Tahoma, Arial;
  font-size: 8pt;
  color: black;
  font-weight: none;
  border: 1px solid black;
  background-color: white;
}

input[type="checkbox"],input[type="radio"]   /* Doesn't work in IE */
{ border:none;
}

input.clear
{ border: none;   /* class om toch de border weg te krijgen in IE */
  width: 3.5mm;      /* IE hack - padding verwijderen - IE houdt zich wederom niet aan de standaarden. */
  height: 3.5mm;     /* IE hack */
}

HTML:

<input type="checkbox" class="clear" name="myname" value="myvalue" checked="checked">

[Vinzzz243]

ik heb het script van brainerrors iets uitgebreid zie mijn post in: http://gathering.tweakers...message/24200868#24200868