Forum Discussion

callum's avatar
callum
Helper II
8 years ago
Solved

Removing default styling

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.

Need Help
  • v-chuncz-msft's avatar
    v-chuncz-msft
    8 years ago

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

     

1 Reply

  • v-chuncz-msft's avatar
    v-chuncz-msft
    Community Support
    8 years ago

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