使用LocalStorage更改包括按钮在内的所有文本的字体大小

Question

在使用LocalStorage点击按钮后，我正在尝试更改网络上所有文本(包括按钮(的字体大小。它只更改<small>、<strong>等标签中元素的字体大小。(HTML格式化文本标签(而不是像CCD_ 3或CCD_。

我的代码：

mybutton.onclick = () => {
localStorage.setItem("fontsize", "300%");
location = location.href;
};
window.onload = function () {
var fonts = localStorage.getItem("fontsize");
body.style.fontSize = fonts;

Answer 1

不要在本地存储中使用字体大小，而是存储类名并通过javascript添加类。

对于css，可以这样做：*选择器选择所有元素。我在本地尝试了一下，它成功了，而且!important是覆盖任何其他样式所必需的。

.fontSize * {
font-size: 30px !important;
}