复选框在Chrome和Opera中切换

Question

重现问题的步骤：

1. 在您的浏览器中Settings选择Continue where you/I left off下的On startup。
2. 导航至demo。
3. 选中复选框。
4. 编辑文字。
5. 关闭浏览器并重新打开它。或复制/克隆选项卡。

现在您看到复选框已选中，但textarea不是彩色的 我在Windows 10的最新版本的Chrome和Opera中尝试过它。我对Safari不确定，但它的行为方式可能相同。

问题：

• 为什么会这样？
• 什么是跨浏览器解决方案？

Answer 1

尝试

window.onload = function() {
  document.getElementById('colorsToggle').onchange = function() {
    document.getElementById('textField').classList.toggle('tan');
  }
  document.getElementById('textField').classList.toggle(document.getElementById('colorsToggle').checked ? "tan" : "white");
};