Terrible, but it should work:
body {
border:2px solid blue;
border:2px solid yellow \9;
*border:2px solid green;
_border:2px solid orange;
}
body:nth-child(n) {border:1px solid purple \9; /*Should target IE9 only - not fully tested.*/}
More Related Contents:
- IE9 Float with Overflow:Hidden and Table Width 100% Not Displaying Properly
- Why does IE9 switch to compatibility mode on my website?
- ie9 border radius
- Can't remove text decoration
- Bootstrap height
- Which way to implement this picture in HTML CSS code and bootstrap
- What are the implications of using “!important” in CSS? [duplicate]
- Can I have an onclick effect in CSS?
- Why aren’t my absolutely/fixed-positioned elements located where I expect?
- How to remove the arrow from a select element in Firefox
- How to save CSS changes of Styles panel of Chrome Developer Tools?
- Why is vertical-align: middle not working on my span or div?
- Maintain image aspect ratio when changing height
- Change cursor type on input type=”file” [duplicate]
- Visible Area tag?
- problem with and :after with CSS in WebKit
- IE6 + IE7 CSS problem with overflow: hidden; – position: relative; combo
- White space showing up on right side of page when background image should extend full length of page [closed]
- How can I truncate table cells, but fit as much as content possible?
- How to show multiline text in a table cell
- Why does flexbox stretch my image rather than retaining aspect ratio?
- Line height issue with inline-block elements
- Avoiding repeated constants in CSS
- display background color for the page & align texts at center
- Manipulating external svg file style properties with CSS
- How to add button inside an input [closed]
- how to remove the dotted line around the clicked a element in html
- Is it possible to achieve a -like effect without using the tag?
- Why aren’t my bootstrap 4 columns the same height?
- Table vertical header?