Removing default styling

callum — Wed, 30 Aug 2017 08:31:41 GMT

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.

Re: Removing default styling

v-chuncz-msft — Thu, 31 Aug 2017 07:37:39 GMT

@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;
			}

topic Re: Removing default styling in Developer

Removing default styling

Re: Removing default styling