https://legacy.forums.gravityhelp.com/topic/highlight-entire-form-field-including-label-on-focus Gravity Support Forums Topic: Highlight entire form field, including label on focus en-US Mon, 20 Apr 2026 03:26:20 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/highlight-entire-form-field-including-label-on-focus#post-46401 Sat, 14 Jan 2012 19:48:54 +0000 waldhorn 46401@https://legacy.forums.gravityhelp.com/ <p>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.</p> <p>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:<br /> <pre><code>$(&quot;input&quot;).click(function () { $(&quot;.gfield&quot;).removeClass(&quot;focus&quot;); $(this).parents(&quot;.gfield&quot;).addClass(&quot;focus&quot;); });</code></pre> https://legacy.forums.gravityhelp.com/topic/highlight-entire-form-field-including-label-on-focus#post-40295 Mon, 07 Nov 2011 16:57:52 +0000 David Smith 40295@https://legacy.forums.gravityhelp.com/ <p>Hi gluethje,</p> <p>Here is a very basic version of this functionality:</p> <p><a href="http://pastie.org/2827349" rel="nofollow">http://pastie.org/2827349</a></p> <p>You would paste this in your theme's functions.php file and update the ".gfield.focus { background-color: #f7f7f7; }" style to your preference. </p> https://legacy.forums.gravityhelp.com/topic/highlight-entire-form-field-including-label-on-focus#post-40283 Mon, 07 Nov 2011 15:15:12 +0000 gluethje 40283@https://legacy.forums.gravityhelp.com/ <p>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: <a href="http://caferoka.com/contact.html" rel="nofollow">http://caferoka.com/contact.html</a></p> <p>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! </p>