ボタンをアクティブにするとホバー効果が誤動作する

Question

私は Web 開発 (HTML、CSS、JS) の基礎を学ぼうとして、動作する Apple 電卓を作ろうとしています。小さなバグに気づくまではすべてが正常に動作していました。

最初は、アクション ボタンのホバー効果がうまく機能し、ホバーするにつれて色が明るくなります。ボタンを押すと、ボタンが明るくなり、ユーザーが別の番号 (または「等しい」ボタン) を入力して前の番号で何かを行うまで、その状態が維持されます。その後、アクションボタンは通常の色に変わります。それまではすべて問題ありませんでしたが、ユーザーがボタンを押してアクションを実行した後、ホバー効果が機能しなくなり、マウスをホバーしても色が変化しなくなることに気付きました。 < /p>

これが私が書いたコードのすべてです:

リーリー

ボタンを使用した後もホバー効果が保持されると思います。各アクション ボタンを 1 回使用すると、ホバー効果は適用されなくなります。この問題はアクション ボタンでのみ発生し、数字ボタンやクリア ボタンでは発生しません。

Answer 1

ホバー効果は機能しなくなりました。理由は

リーリー

この関数が実行されると、ボタンにインライン スタイル (filter:none;) が設定されます。また、 インライン スタイルは外部スタイルシート (botonesCalcadora.css) よりも優先されるため、

リーリー

buttonCalculator.css内

---

この問題を解決するには 2 つの方法があります

1 クラスの使用

リーリー リーリー リーリー

2 (filter:none;)を設定する代わりに、リセット関数のボタンからスタイル属性を削除します。 リーリー

リーリー リーリー リーリー