Ich verwende JavaScript, um Stylesheets wie folgt zu aktivieren / deaktivieren:

<code>document.styleSheets[0].disabled = true|false;
</code>

Dieser JS funktioniert einwandfrei, ich möchte jedoch, dass das Stylesheet standardmäßig deaktiviert ist. Obwohl ich den obigen JS verwenden könnte, um das Stylesheet sofort zu deaktivieren, wenn die Seite geladen wird, funktioniert dies offensichtlich nicht für Benutzer, bei denen JavaScript deaktiviert ist.

Ich habe versucht, dies zu tun:

<code><link rel="stylesheet" href="style.css" disabled />
</code>

Dadurch wird das Stylesheet zwar deaktiviert, aber JavaScript (oder zumindest die von mir verwendete Methode) kann es nicht erneut aktivieren. Ich habe auch alle diese Varianten des Attributs "disabled" ausprobiert:disabled="disabled", disabled="true" unddisabled=true, aber diese erzeugen das gleiche Problem - ich kann sie mit JavaScript nicht wieder aktivieren.

Kurz gesagt, ich brauche eine Möglichkeit, ein externes Stylesheet mithilfe von JavaScript zu aktivieren / deaktivieren, habe dieses Stylesheet jedoch standardmäßig deaktiviert, verlasse mich jedoch nicht auf JavaScript.

Jede Hilfe wäre sehr dankbar. Vielen Dank.

N.B. Dieser Effekt kann erzielt werden, indem zwei Stylesheets verwendet werden, wobei das zweite das erste überschreibt, sodass das Attribut "disabled" nicht erforderlich ist. Es ist jedoch offensichtlich vorzuziehen, wenn möglich nur ein einziges Stylesheet zu verwenden, daher meine obige Frage.