Używam JavaScript do włączania / wyłączania arkuszy stylów przy użyciu:

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

Ten JS działa dobrze, jednak chciałbym, aby arkusz stylów był domyślnie WYŁĄCZONY. Chociaż mogłem użyć powyższego JS, aby natychmiast wyłączyć arkusz stylów podczas ładowania strony, to oczywiście nie będzie działać dla użytkowników, którzy mają wyłączony JavaScript.

Próbowałem to zrobić:

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

Chociaż wyłącza to arkusz stylów, JavaScript (lub przynajmniej metoda, której używam) nie może go ponownie włączyć. Wypróbowałem także wszystkie te odmiany atrybutu „wyłączone”:disabled="disabled", disabled="true" idisabled=true, ale powodują ten sam problem - nie mogę ich ponownie włączyć za pomocą JavaScript.

Krótko mówiąc, potrzebuję sposobu na włączenie / wyłączenie zewnętrznego arkusza stylów za pomocą JavaScript, ale domyślnie wyłączam ten arkusz stylów, ale nie polegam na JavaScript.

Każda pomoc byłaby bardzo mile widziana. Dzięki.

N.B. Efekt ten można osiągnąć za pomocą dwóch arkuszy stylów, drugi nadpisuje pierwszy, dlatego nie ma potrzeby używania atrybutu „wyłączony”. Jednak oczywiście lepiej jest używać tylko jednego arkusza stylów, jeśli to możliwe, stąd moje pytanie powyżej.