Is it possible to highlight the entire form field and label on focus, similar to a lot of other form systems out there, like Wufoo? See this example: http://caferoka.com/contact.html
I think this is a very useful feature from a user experience perspective, and I wish it was part of this plugin...or maybe it is, and I'm just missing it? Thanks for looking!
Hi gluethje,
Here is a very basic version of this functionality:
You would paste this in your theme's functions.php file and update the ".gfield.focus { background-color: #f7f7f7; }" style to your preference.
waldhorn
Member
Important note: David's code snippet works except on radio buttons and check boxes within webkit (Safari and Chrome). jQuery focusin or focusout exhibit the same problem.
It seems that we need to detect clicks in addition to David's solution of detecting focus and blur. My, albeit crude, solution is to enter the following code below David's snippet:
$("input").click(function () {
$(".gfield").removeClass("focus");
$(this).parents(".gfield").addClass("focus");
});