Hi Guys,
I'm working on an application where the client wants input[type="textbox"] to
look more like a sliding on/off switch than a typical checkbox. I was able to
produce the desired effect for -webkit browsers: http://cssdesk.com/jJd87
But, It would appear as though :after{content:"blah"} doesn't work on in
non-webkit browsers. Opera seems to entertain the notion, but FireFox doesn't
try at all. I've experimented with input, select, and textarea in FireFox and
none seem to want to produce generated content.
I've read through the specs and I don't see where it's written that :after or
::after shouldn't produce generated content for form elements:
http://www.w3.org/TR/CSS2/generate.html#content.
1. Have I done something wrong in the CSS that causes
input[type="checkbox"]:checked:after to not work in FireFox/ Opera?
2. Have I missed something in the specs that makes this approach invalid?
I'm sure I've misunderstood something, so any thoughts or suggestions about
where I've gone wrong would be very much appreciated.
</email>
<signature id="paceaux" name="Frank M. Taylor" twitter="@paceaux" />
______________________________________________________________________
css-discuss [css-d@lists.css-discuss.org]
http://www.css-discuss.org/mailman/listinfo/css-d
List wiki/FAQ -- http://css-discuss.incutio.com/
List policies -- http://css-discuss.org/policies.html
Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
