Removing default styling

[callum]

Hello,

Am I right in thinking that certain elements have default styling applied to them, defined outside of the developer's control? From Chrome's developer console, it looks like li elements have list-style:none and font-size:12px applied to them, but I've definitely not set these properties.

Assuming this is the case, is there any reason for this? It's slightly annoying that when I set the font-size of the body, li elements aren't affected because of the more specific selector. Can I change this behaviour?

Thank you.

[v-chuncz-msft · Accepted solution]

@callum,

You may use JavaScript to disable the style sheet.

			let styleSheets = document.getElementsByTagName("link");
			for (let i = 0; i < styleSheets.length; i++) {
				styleSheets[i].disabled = true;
			}