Kan man med CSS ændre udseende af en check-box?

Du kan vist kun styre border, højde, bredde, margin og padding via CSS på en chechbox.

<input type="checkbox" style="border: 1px solid black; width:200px; height: 200px; margin: 100px;" />

Hvis du ønsker at lave nogle rigtig smarte checkboxes, kan du gøre det med billeder, hidden-form felter og javascript.

..og font (+farve) samt baggrundsfarve..

/theSurfer

Hvordan skal min CSS lyde, hvis jeg gerne vil have en ensfarvet grå (#969696) ramme på 1 pix i bredden?

border: 1px solid #969696;

/theSurfer

Læs CSS lektionerne her: http://www.html.dk/tutorials/css/

/theSurfer

Altså:

.checkbox {
border: 1px solid #969696;
}

Jeg har lige prøvet og det virker ikke på den måde, som jeg gerne vil have det til.

Den øverste check-box på denne side har fået den 'nye' css.

http://www.firstdisplay.com/sider/designer.htm

Der skal kun være en ramme og den skal være grå. Kan man det?

Prøv at lave et billede i et tegne program, af hvordan den skal se ud..
Så får man et bedre "billede" af hvordan det skal laves i CSS..

/theSurfer

Jep, - det er som sagt ret enkelt:

http://www.firstdisplay.com/check-box.jpg

simpelthen bare en simpel grå ramme i EN farve og uden en sort skygge.

Hmm... sjovt.. det ser rigtigt ud i Opera, men forkert i både Internet Explorer og Mozilla FireFox..

/theSurfer

:) ...og jeg har faktisk kun testet det i netop Internet Explorer og Mozilla FireFox

Hm, umiddelbart vil jeg sige at det er muligt du kan style på checkbox'es i IE men vist ikke i FF....

Mvh. Johan

Jeg vil nok give Johan ret angående firefox, når man ser linket anders sendte i firefox har hans styling ingen effekt på checkboxene. De er alle sammen ens.

Hehe... sådan styler browserene:

FireFox: 0%
Internet Explorer: 50%
Opera: 100%

/theSurfer

Kan man lave CSS på:

<form name="form1" enctype="multipart/form-data" method="post" action="">
  <input name="file" type="file" class="button">
</form>

jeg har prøvet, men hvad skal jeg skrive i mit CSS, for at 'ramme' knappen?

Jeg tror ikke at du kan "ramme" knappen kun, da type="file" er både tekstfeltet og knappen, i et stykke.
type="file" indsætter jo automatisk et tekstfelt og en knap.

/theSurfer

hej thesurfer

Vil du ikke sende et svar, - så lukker jeg?

Ok :-)

/theSurfer