On Tue, 25 Aug 2009 12:50:25 +0100, satellite <p...@g...pl> wrote:

> input[type='checkbox']:checked+label:before{
> content:"\2612";
> }
>
> input[type='checkbox']{
> display: none;
> }
> </style>
>
>
> <input name="" type="checkbox" value="" /><label>checkbox</label>
> <input name="" type="checkbox" value="" /><label>checkbox</label>
> <input name="" type="checkbox" value="" /><label>checkbox</label>
>
>
> Ale - to głupie : )

Ano:

1. ::before i ::after są wewnątrz elementu, więc display:none na elemencie
je usunie
2. elementy formularza to "replaced elements", które nie mają
pseudo-elementów before/after


Takie coś:

input[type=checkbox] {content: "[ ]";}
input[type=checkbox]:checked {content: "[X]"}

ma szansę zadziałać w Operze/Safari 4 (nie testowałem).

W praktyce nie objedzie się bez JS synchronizującego checkboksa z <img>.

--
http://pornel.net
this.author = new Geek("porneL");