Javascript 单击按钮后，按钮属性将恢复正常

我正在做一个小项目，我在其中实现了一个带有悬停和CSS属性的按钮

但问题是在点击它之后，它会恢复到正常的基本按钮。i、 它失去了所有的CSS属性

我试图看看JavaScript是否是这一变化的原因，但我没有找到背后的原因

HTML

因为Javascript很长，所以我提供了指向codepen（）的链接

---

按钮在单击后应保留CSS属性。

发生这种情况的原因：在单击时从按钮中删除所有类（也是

btn6

）…这就是为什么单击后所有类都看起来没有样式

要解决此问题，请更改此部分代码：

btns.forEach (btn => {
  btn.className = '';
});

ev.target.className = 'choice';

为此：

btns.forEach (btn => {
  btn.classList.remove('choice');
});

ev.target.classList.add('choice');

供参考-以下是代码笔：

try（小项目可接受的内联解决方案）

---

1MB

：已访问的
不适用于
按钮
，仅适用于
a
。谢谢，伙计。它就像一个符咒。你能帮我弄一下字体吗？我尝试应用字体，但从未更新过！没问题！添加类似于
font-family:Times的内容
到您的
.btn6、.btn6:link、.btn6:visted
css中的部分。（我更新了笔，让你查一下）@戈库拉克里希南
btns.forEach (btn => {
  btn.className = '';
});

ev.target.className = 'choice';

btns.forEach (btn => {
  btn.classList.remove('choice');
});

ev.target.classList.add('choice');

<button class="btn6" onclick="this.classList.add('visited')">1 MB</button>