How do I disable a element on page load?

Asked Aug 31 '18 at 18:55

Active Aug 31 '18 at 19:00

Viewed 77 times

I want to disable a stylesheet on page load with:

<link rel="stylesheet" href="..." disabled>

This works well in all browsers but Firefox, though it works when I disable it with:

var stylesheet = document.querySelector('link');
stylesheet.disabled = true;

Any ideas?

asked Aug 31 '18 at 18:55

sdvnksv

Have you tried the various dom ready events like `DOMContentLoaded`? – Patrick Evans Aug 31 '18 at 19:02
@PatrickEvans, no, but that's a very good idea. Thanks! – sdvnksv Aug 31 '18 at 19:04
Maybe this explains it a bit better https://developer.mozilla.org/en-US/docs/Web/HTML/Element/link#Non-standard_attributes – SuperDJ Aug 31 '18 at 19:31
Possible duplicate of [Firefox not adhering to \`disabled\` stylesheet](https://stackoverflow.com/questions/18237591/firefox-not-adhering-to-disabled-stylesheet) – Kirill Matrosov Aug 31 '18 at 19:31

0 Answers0