How Does OS Affect CSS Styling?

HTML-CSS
1

Good day everyone :waving_hand: :grinning_face_with_smiling_eyes:

The MDN Web Docs page for the appearance property in CSS says that setting appearance to auto “sets interactive widgets to render with their OS-native appearance. Behaves as none on elements with no OS-native styling.”

I was not aware that operating systems affected default CSS styling; I thought only browsers did that. How can I know and/or test what the default styles for a given element are in different operating systems?

Thanks!

2

Hi @ShadyHBedda

There are online tools and platforms you could use to view how the element renders on physical devices.

Happy coding

3

I’m looking for something more like multi-OS documentation, not testing tools. Something that shows “for HTML element A, the default styles in Linux are ABC, the default styles in Windows are XYZ, etc.”

Does such a thing exist?