JQuery button to disable CSS across entire website?

Question

I want to make these buttons which enable/disable the css across an entire website I am making. I am trying to make it so when a user clicks the button to disable/enable the css, it does so across all the webpages of the site and not just for the page a user is on.

So far, my code to enable/disable the css is as follows

<script>
$("#text-only").click(function () { jQuery('#mainStyleSheet').remove();}); 
$("#renable-style").click(function () {$('head').append('<link href="css/style.css" rel="stylesheet" id="mainStyleSheet" />');});
</script>

Any ideas?

Answer 1

{$('head').append('<link href="css/style.css" rel="stylesheet" id="mainStyleSheet" />');}); 

代替

{$('head').html('<link href="css/style.css" rel="stylesheet" id="mainStyleSheet" />');});

Answer 2

我认为您应该为网页中创建的每个对象添加一个css类。在该类中进行所有更改。