https://legacy.forums.gravityhelp.com/topic/body-form-text-area-for-the-phone-field Gravity Support Forums Topic: body form text area for the phone field en-US Wed, 22 Apr 2026 03:11:12 +0000 http://bbpress.org/?v=1.0.1 q https://legacy.forums.gravityhelp.com/search.php https://legacy.forums.gravityhelp.com/topic/body-form-text-area-for-the-phone-field#post-46028 Tue, 10 Jan 2012 18:16:58 +0000 Kevin Flahaut 46028@https://legacy.forums.gravityhelp.com/ <p>The correct input type is "tel" not "phone". That's probably why you're not seeing your properties being applied.</p> <pre><code>[css] body form input[type=tel], body .gform_wrapper input[type=tel]</code></pre> <p><a href="http://dev.w3.org/html5/markup/input.tel.html" rel="nofollow">http://dev.w3.org/html5/markup/input.tel.html</a> </p> https://legacy.forums.gravityhelp.com/topic/body-form-text-area-for-the-phone-field#post-45988 Tue, 10 Jan 2012 15:16:23 +0000 Rob Harrell 45988@https://legacy.forums.gravityhelp.com/ <p>Hey there, could you post a link to your form? </p> https://legacy.forums.gravityhelp.com/topic/body-form-text-area-for-the-phone-field#post-45984 Tue, 10 Jan 2012 14:43:06 +0000 contact@so-xperts.com 45984@https://legacy.forums.gravityhelp.com/ <p>Hi, I'm trying to add some css styles to my gravity forms.</p> <p>But I'm a bit blocked by the advanced field phone that I can't manage to change at all. all other input fields works great. I guess that I am not using the good input type. Here the css code I'm using. </p> <pre><code>[css] body form textarea, body .gform_wrapper textarea, body form input[type=text], body .gform_wrapper input[type=text], body form input[type=url], body .gform_wrapper input[type=url], body form input[type=email], body .gform_wrapper input[type=email], body form input[type=phone], body .gform_wrapper input[type=phone], body form input[type=number], body .gform_wrapper input[type=number], body form input[type=file], body .gform_wrapper input[type=file] { font-size: 13px; padding: 5px 8px; outline: none; color: #666; border: none; background: #ddd; -webkit-border-radius: 3px; -khtml-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-background-clip: padding-box; -khtml-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }</code></pre> <p>any idea ?</p> <p>thanks </p>