How to create browser specific CSS Code?
Hey Brett,
CSS is a language that all browsers understand. However, the way that they interpret it is often a little different.
For example, Safari will display text as bold if you set it to bold when you do not have the font installed on your computer. Firefox will make it look normal. Browsers have their own ideas on how to position elements, such as block-level elements inside another block-level element. Safari and Firefox will treat these elements differently from Internet Explorer and Opera.
Because of these differences, many web developers use CSS hacks to target specific browsers. These hacks work by using CSS properties that only a specific browser can interpret so that the hack only works for that browser. This allows them to change the CSS for that browser in particular without affecting other browsers.
Please go through the following article to deep dive into browser specific CSS code:
2 Likes