https://legacy.forums.gravityhelp.com/topic/styling-field-boxes-on-click Gravity Support Forums Topic: Styling field boxes on click en-US Wed, 15 Apr 2026 01:22:47 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/styling-field-boxes-on-click#post-9936 Wed, 15 Sep 2010 22:59:04 +0000 Kevin Flahaut 9936@https://legacy.forums.gravityhelp.com/ <p>Sorry, you'll need to do that with jQuery.</p> <p><a href="http://www.gravityhelp.com/clearing-default-form-field-values-with-jquery/" rel="nofollow">http://www.gravityhelp.com/clearing-default-form-field-values-with-jquery/</a> </p> https://legacy.forums.gravityhelp.com/topic/styling-field-boxes-on-click#post-9935 Wed, 15 Sep 2010 22:38:38 +0000 I am Max 9935@https://legacy.forums.gravityhelp.com/ <p>Thanks for your reply..</p> <p>But i want to disappear the default text from the input control when i focus that input control.Please guide me.</p> <p>Thanks </p> https://legacy.forums.gravityhelp.com/topic/styling-field-boxes-on-click#post-9920 Wed, 15 Sep 2010 13:31:02 +0000 Kevin Flahaut 9920@https://legacy.forums.gravityhelp.com/ <p>You would just append this to the end of your theme's style.css file (or whatever the default stylesheet name is) </p> https://legacy.forums.gravityhelp.com/topic/styling-field-boxes-on-click#post-9919 Wed, 15 Sep 2010 13:26:58 +0000 I am Max 9919@https://legacy.forums.gravityhelp.com/ <p>hi,</p> <p>we got the same problem but not sure where this pseudo-selector to be placed. Please tell me.i am totally new to GF.i have made a widget for GF and what the same functionality as on click to disappear the text.</p> <p>Thanks </p> https://legacy.forums.gravityhelp.com/topic/styling-field-boxes-on-click#post-9897 Wed, 15 Sep 2010 09:33:45 +0000 thomas.griffin 9897@https://legacy.forums.gravityhelp.com/ <p>Just what I was looking for! Thanks :) </p> https://legacy.forums.gravityhelp.com/topic/styling-field-boxes-on-click#post-9894 Wed, 15 Sep 2010 08:46:11 +0000 Kevin Flahaut 9894@https://legacy.forums.gravityhelp.com/ <p>you're probably looking for something like this... using the ":focus" pseudo-selector</p> <p><code>input[type=email]:focus, input[type=text]:focus, input[type=url]:focus, input[type=phone]:focus, textarea:focus, select:focus {border:1px solid #f00}</code> </p> https://legacy.forums.gravityhelp.com/topic/styling-field-boxes-on-click#post-9873 Wed, 15 Sep 2010 01:39:21 +0000 thomas.griffin 9873@https://legacy.forums.gravityhelp.com/ <p>I'm not quite sure how to style the field boxes on click? I can style them as is, but I want to control the style when the user clicks on the field box. How can I do this?</p> <p>Thomas </p>