ホームページ  >  に質問  >  本文

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

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

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

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

リーリー

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

P粉548512637P粉548512637182日前406

全員に返信(1)返信します

  • P粉808697471

    P粉8086974712024-04-02 09:27:49

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

    リーリー

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

    リーリー

    buttonCalculator.css内


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

    1 クラスの使用

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

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

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

    返事
    0
  • キャンセル返事