Gravity Support Forums Topic: CSS Border works around some but not all boxes

Gravity Support Forums Topic: CSS Border works around some but not all boxes https://legacy.forums.gravityhelp.com/topic/css-border-works-around-some-but-not-all-boxes Gravity Support Forums Topic: CSS Border works around some but not all boxes en-US Mon, 20 Apr 2026 16:15:44 +0000 http://bbpress.org/?v=1.0.1 <![CDATA[Search]]> q https://legacy.forums.gravityhelp.com/search.php Chris Hajer on "CSS Border works around some but not all boxes" https://legacy.forums.gravityhelp.com/topic/css-border-works-around-some-but-not-all-boxes#post-120855 Sun, 13 Jan 2013 12:57:16 +0000 Chris Hajer 120855@https://legacy.forums.gravityhelp.com/ You're welcome. Mike Mueller on "CSS Border works around some but not all boxes" https://legacy.forums.gravityhelp.com/topic/css-border-works-around-some-but-not-all-boxes#post-120603 Sun, 13 Jan 2013 00:51:58 +0000 Mike Mueller 120603@https://legacy.forums.gravityhelp.com/ That worked perfectly! Thanks Chris! Chris Hajer on "CSS Border works around some but not all boxes" https://legacy.forums.gravityhelp.com/topic/css-border-works-around-some-but-not-all-boxes#post-120545 Sat, 12 Jan 2013 23:02:28 +0000 Chris Hajer 120545@https://legacy.forums.gravityhelp.com/ You did not target all the input types: just "text". You need to target more input types. Try this CSS instead: <pre><code>[css] .gfield input[type="text"], .gfield input[type="tel"], .gfield input[type="url"], .gfield input[type="file"], .gfield input[type="email"] { border: 1px solid #CCCCCC !important; border-radius: 2px 2px 2px 2px !important; color: #888888 !important; font-family: inherit !important; font-size: 14px !important; padding: 2px !important; }</code></pre> Mike Mueller on "CSS Border works around some but not all boxes" https://legacy.forums.gravityhelp.com/topic/css-border-works-around-some-but-not-all-boxes#post-120510 Sat, 12 Jan 2013 20:54:28 +0000 Mike Mueller 120510@https://legacy.forums.gravityhelp.com/ I did a search here and found the following css answer to get the border to work around my form fields but it doesn't work for all the boxes. What is missing? <pre><code>.gfield input[type="text"] { border: 1px solid #CCCCCC !important; border-radius: 2px 2px 2px 2px !important; color: #888888 !important; font-family: inherit !important; font-size: 14px !important; padding: 2px !important; }</code></pre> Sample form is up on the site here: <a href="http://areweconnected.com/the-social-media-revamp/" rel="nofollow">http://areweconnected.com/the-social-media-revamp/</a> Thanks! :)