> I want to have a visible indicator that a field is valid or invalid
> (easy
> enough) as follows:
> 
> CSS:
> 
>   <style>
> 
>   input:valid + span::after { content: "\2713 "}
> 
>   input:invalid + span::after { content: "\2717 "}
> 
>   </style>
> 
> but to no avail.  It would appear that Firefox and Chrome both evaluate
> the
> value= only on load, and not after the field has changed.  Anyone got
> any
> suggestions?

Too bad the structural pseudo-class "empty" can't help here.
May be we need something like that for form controls.   


--
Regards,
Thierry
www.tjkdesign.com | www.ez-css.org | @thierrykoblentz


______________________________________________________________________
css-discuss [cs...@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/

Reply via email to