jQuery – enable/disable all style sheets on page on click

Question

Is it possible to detect all style sheets on the current page with a click of a ‘disable/enable CSS’ button and disable them on the first click so none of the styling applie

Answer 1

I found the found the following worked in all browsers for me:

CSS Link:


JQuery:
$('link[data-role="baseline"]').attr('href', '');

The above will disable only that one stylesheet, and this could be toggled on and off.