PLEASE NOTE: These forums are no longer utilized and are provided as an archive for informational purposes only. All support issues will be handled via email using our support ticket system. For more detailed information on this change, please see this blog post.

IE7 CSS rounded corners and shadow

  1. Hi,
    I have been exploring ways to achieve rounded corners and shadows on IE7.

    On the following form should my condition point to the gform_wrapper to achieve the said effects?

    http://formsdev.firstpointhr.com/?page_id=295

    <!--[if IE 7]>
    <style type="gform_wrapper">
    Styling goes here?
    </style>
    <![endif]-->

    Source: http://www.quirksmode.org/css/condcom.html

    Posted 11 years ago on Tuesday May 17, 2011 | Permalink
  2. Your markup is incorrect there. The style type is not the same thing as the class name. This is the proper way to add a new rule just for IE7

    <!--[if IE 7]>
    <style type="text/css">
    body .gform_wrapper {border:1px solid #f00}
    </style>
    <![endif]-->

    That said, IE7 doesn't support the border-radius or box-shadow properties. You'll most likely need to turn to a jQuery solution of some sort if you really need that for IE.

    Posted 11 years ago on Tuesday May 17, 2011 | Permalink
  3. Thank you Kevin, I had a feeling it wasn't supported. I guess it's not needed that much.

    Posted 11 years ago on Tuesday May 17, 2011 | Permalink

This topic has been resolved and has been closed to new replies.