Estoy usando JavaScript para habilitar / deshabilitar las hojas de estilo usando lo siguiente:

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

Este JS funciona bien, sin embargo, me gustaría que la hoja de estilo esté DESACTIVADA por defecto Aunque podría usar el JS anterior para deshabilitar inmediatamente la hoja de estilo cuando se carga la página, esto obviamente no funcionará para los usuarios que tienen JavaScript desactivado.

He intentado hacer esto:

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

Si bien esto deshabilita la hoja de estilo, JavaScript (o al menos el método que estoy usando) no puede habilitarlo de nuevo. También he probado todas estas variaciones en el atributo "deshabilitado":disabled="disabled", disabled="true" ydisabled=true, pero estos producen el mismo problema: no puedo habilitarlos nuevamente con JavaScript.

En resumen, necesito una manera de habilitar / deshabilitar una hoja de estilo externa usando JavaScript, pero tengo esa hoja de estilo deshabilitada por defecto pero no confiando en JavaScript.

Cualquier ayuda sería muy apreciada. Gracias.

nótese bien Este efecto se puede lograr utilizando dos hojas de estilo, la segunda sobreescribiendo la primera, por lo que no necesita el atributo "deshabilitado". Sin embargo, obviamente es preferible usar solo una hoja de estilo si es posible, de ahí mi pregunta anterior.