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.

IE8 [type="radio"]:checked border not working? :(

Gravity Support Forums » Plugin Support » Gravity Forms

  1. tm
    Member

    Is there a reason this CSS wont work in IE8?

    body .gform_wrapper ul.gfield_radio li input[type="radio"]:checked + label img {
border: 2px dashed #BCBCBC;
padding:1px;
}

    http://www.customwindowcushions.com/custom-window-seat-cushions/rectangle-window-seat-cushions

    Posted 12 years ago on Thursday March 1, 2012 | Permalink

  2. Rob Harrell
    Member

    IE8 and lower doesn't support the :checked CSS3 selector:

    http://www.standardista.com/css3/css3-selector-browser-support/

    Posted 12 years ago on Thursday March 1, 2012 | Permalink

  3. tm
    Member

    Any idea what kind of work around I could use for this in IE8?

    Posted 12 years ago on Sunday March 4, 2012 | Permalink

  4. Rob Harrell
    Member

    You could potentially rely on jQuery to find :checked attributes and then style them via jQuery - would be worth a shot.

    Posted 12 years ago on Sunday March 4, 2012 | Permalink