Define CSS for Internet Explorer and Add IE-Only Stylesheet

In this tutorial, learn how to define CSS for Internet Explorer and add an IE-only stylesheet. The short answer is: use the starting tag <!--[if IE]> and the closing tag !<[endif]--> in the head section with externally added stylesheet using the <link> inside the tags to define only for Internet Explorer browser.

The Internet Explorer is the only browser that creates pain for the designers when they want to design a website. Because of this, you may require a separate stylesheet to add to your website which may work only when you open a website on Internet Explorer.

Let’s find out with the examples given below.

How to Define CSS Only for Internet Explorer and Add IE-Only Stylesheet

You can add IE defined the only stylesheet by using the conditional comment inside the <head> tag as given below. Use the starting tag <!--[if IE]> and the closing tag !<[endif]-->. After that, put an IE-only stylesheet in between this starting and the closing commented if condition tags as given below:

The above example contains the added ‘ie.css’ stylesheet that contains the CSS defined only for Internet Explorer. Replace your IE defined stylesheet with the above-given stylesheet name. The above stylesheet works only for the Internet Explorer browser and there is no effect on the other browsers like Chrome, Mozilla, etc.

Add Stylesheet for All Browsers Except Internet Explorer

If you want to add style or define CSS which works for all the web browsers except Internet Explorer. You can use the below given conditional comments that contain the symbol ‘!IE’ within the commented starting tag. It means, if not the Internet Explorer browser then apply the CSS.

You May Also Like to Read.

I hope you like this tutorial on how to define CSS for Internet Explorer and add an IE-only stylesheet.