Exclude single browser from using a CSS class

css, html, internet-explorer

Solution

This will set a class of the IE version the client browser is using.

<!--[if lt IE 7 ]> <html class="ie6" lang="en" xml:lang="en"> <![endif]-->
<!--[if IE 7 ]>    <html class="ie7" lang="en" xml:lang="en"> <![endif]-->
<!--[if IE 8 ]>    <html class="ie8" lang="en" xml:lang="en"> <![endif]-->
<!--[if IE 9 ]>    <html class="ie9" lang="en" xml:lang="en"> <![endif]-->
<!--[if (gt IE 9)|!(IE)]><!--><html class="" lang="en"> <!--<![endif]-->

Then using CSS you can target it to a specfic browser by using something like:

.ie7 #wrapper
  {
     display:none;
  }

Problem

I'd like to exclude Internet Explorer from using a specific CSS class. Is this possible? Details: I have a css class that looks like - ``` input[type="radio"]:checked, input[type="radio"]:hover { box-shadow: 0px 0px 10px #90BBD4; } ``` Since Firefox's latest browser update removed the -moz-box-shadow property and I believe it now uses the default box-shadow instead, ... my Firefox is still working great, but Internet explorer now recognizes it and messes up the look. How might I go about excluding IE from using this class or work around it somehow?

Original source