Javascript 为什么'；更改颜色后，我的清除按钮/悬停功能是否正常？

我正在尝试制作一个草图悬停应用程序。当光标悬停在网格正方形上时，该正方形将填充当前拾取的颜色，当您再次悬停在该正方形上时，该颜色将被删除

起初，一切似乎都在运转。我可以将鼠标悬停在一个正方形上以应用

红色

，然后重新悬停以删除它，或者按

清除按钮

清除所有内容。但是，当我将颜色更改为例如绿色时，我无法再通过悬停来删除颜色，

清除按钮不起作用。为什么会这样

你忘了清除样式背景，试试这个

    function clear() {
       $('button').on('click', function(){
          $('.vlak').removeClass('color')
          $('.vlak').css({'background-color':'inherit'})  
       })
    }

@jorges的回答解决了问题的一部分。您还需要添加：

$（this.css（{'background-color'：'inherit'}）

在
$（this.removeClass（'color'）
之后的悬停函数中

然后将第44行替换为：
$（'.color'）.css（{'background-color'：c}）
请在问题中显示相关代码。我们有一个代码笔，但现在也添加了代码段。嗯。。有清晰的风格背景是什么意思？这适用于清除按钮部分，但我不理解为什么$（'.vlak'）.css（{'background-color'：'inherit'}有诀窍。你编辑你的问题，你的第一个问题是当你改变颜色并按下清除按钮时如何删除颜色。是的，我很抱歉，选择一个不好的标题。编辑是为了更好地适应我的问题。“为什么”部分很重要，需要学习。嗯，我完全不理解你的代码，但我检查DOM，看hover如何填充co在网格中，我看到当用户单击“清除”按钮时，您删除了该类，但颜色样式仍然存在，因此解决方案是清除此属性。嗯…有另一种外观。新的编码，有点迷失方向..：P。