how to target css for ie9 only?

Question

I need to use css for ie9 to be float: left; but for all other browsers it should be float: none;. So, I tried the following which doesn't work:

li{
  float: none !important;
  float: left !important \9;
}

How can I target to IE9 only. I would prefer without including external css for this single line of css.

Bhojendra Rauniyar · Accepted Answer · 2015-07-06 06:16:04Z

5

Use like this:

li{
  float: none !important;
  float: left \9 !important;/* \9 is used after left not after important*/
}

!important should always be at the end.

answered Jul 6, 2015 at 6:16

86k36 gold badges179 silver badges241 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

You should avoid using !important

@Sidsec9 In some cases, we need to use it.

Laxmikant Dange · Accepted Answer · 2015-07-06 06:17:05Z

1

As you are defining css style, then !important should be at end. Try this

 float: left \9 !important;

Or you can use conditional comments

<!--[if IE 9]>
<style>
Special instructions for IE 9 here
</style>
<![endif]-->

answered Jul 6, 2015 at 6:17

Laxmikant Dange

7,7386 gold badges43 silver badges67 bronze badges

Siddharth Thevaril · Accepted Answer · 2015-07-06 06:38:27Z

0

I use something like this -

<!--[if IE 9]><!-->        
    //your style or script
<!--<![endif]-->

answered Jul 6, 2015 at 6:17

3,7883 gold badges40 silver badges74 bronze badges

gte: greater then (or) equal. you are looking for [if IE 9]