https://legacy.forums.gravityhelp.com/topic/border-on-click-of-field Gravity Support Forums Topic: border on click of field en-US Mon, 20 Apr 2026 08:30:41 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/border-on-click-of-field#post-42452 Tue, 29 Nov 2011 15:12:58 +0000 Rob Harrell 42452@https://legacy.forums.gravityhelp.com/ <p>You'd want to use box-shadow, which is a CSS3 property (as is border-radius, but border-radius is what makes the input round.) Check out this tool for an easy-to-use configurator for styling with CSS3:</p> <p><a href="http://css3generator.com/" rel="nofollow">http://css3generator.com/</a> </p> https://legacy.forums.gravityhelp.com/topic/border-on-click-of-field#post-42450 Tue, 29 Nov 2011 14:13:48 +0000 kdmmdk1 42450@https://legacy.forums.gravityhelp.com/ <p>Thanks Rob.<br /> I changed the colour to blue and see that the border is a thin solid line. How do I change it to have a glowing effect? </p> <p>See this effect on many forms where the container 'glows'. For lack of a better example see hotmail.com main login page. Is it a border radius I'd play with?</p> <p>thanks again. </p> https://legacy.forums.gravityhelp.com/topic/border-on-click-of-field#post-42425 Tue, 29 Nov 2011 08:05:47 +0000 Rob Harrell 42425@https://legacy.forums.gravityhelp.com/ <p>This should do the trick for you, just place it in your theme's style sheet. You can obviously add more styles to the declaration other than the border-color if you want.</p> <pre><code>[css] body .gform_wrapper .gform_body .gform_fields .gfield input[type=text]:focus, body .gform_wrapper .gform_body .gform_fields .gfield input[type=email]:focus, body .gform_wrapper .gform_body .gform_fields .gfield input[type=tel]:focus, body .gform_wrapper .gform_body .gform_fields .gfield input[type=url]:focus, body .gform_wrapper .gform_body .gform_fields .gfield input[type=number]:focus, body .gform_wrapper .gform_body .gform_fields .gfield input[type=password]:focus, body .gform_wrapper .gform_body .gform_fields .gfield select:focus, body .gform_wrapper .gform_body .gform_fields .gfield textarea:focus { border-color: #ff0; }</code></pre> https://legacy.forums.gravityhelp.com/topic/border-on-click-of-field#post-42401 Mon, 28 Nov 2011 23:34:28 +0000 kdmmdk1 42401@https://legacy.forums.gravityhelp.com/ <p>I have search but can not find a proper answer. </p> <p>I have my form done but I'd like to add some sex appeal. For starters I'd like to add CSS so that when each field is clicked on the border around it turns colour. For example, user clicks on the field named 'phone' and a blue highlighted glowing border would appear. </p> <p>Can someone point me in the right direction for this. </p> <p>Thanks<br /> site: <a href="http://vancouverrealestate.ca/find-a-real-estate-agent" rel="nofollow">http://vancouverrealestate.ca/find-a-real-estate-agent</a> </p>