Sara: Class ändern bei Hover

Beitrag lesen

Hallo,

Du möchtest beim Hovern[^1] des Links ein Icon außerhalb des Links ändern? Und beim Hovern des Icons passiert nichts? Und das Icon ist auch nicht clickbar? Das hört sich für mich nach schlechtem UI-Design an.

Habe ich mir auch schon überlegt bzw. hatte es auch so umgesetzt:

<p><a href="admin/settings"><span class="fa fa-folder-o right"></span>Einstellungen</a></p>

Allerdings sieht das Icon unschön aus, wenn es auch unterstrichen wird beim Hovern. Der Link darf ruhig unterstrichen werden, das Icon sollte ohne Unterstrich bleiben. Deshalb habe ich es wieder aus dem <a> herausgenommen

0 61

Class ändern bei Hover

Sara
  • css
  • html
  1. 0
    Auge
    1. 0
      Sara
    2. 0

      JavaScript

      Sara
      • css
      • html
      • javascript
      1. 0
        Christian Kruse
        1. 0
          Sara
          1. 0
            Christian Kruse
            1. 0
              Sara
              • javascript
              1. 0
                Christian Kruse
        2. 0
          Gunnar Bittersmann
          1. 0
            Sara
            1. 0
              Gunnar Bittersmann
              1. 0
                Sara
                1. 0
                  Gunnar Bittersmann
                  1. 0
                    Gunnar Bittersmann
                    • sonstiges
                    1. 0
                      Matthias Apsel
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Tabellenkalk
                          1. 0
                            Matthias Apsel
                        2. 0
                          Matthias Apsel
                          1. 0
                            Gunnar Bittersmann
                            1. 0
                              Der Martin
                              • menschelei
                              • sonstiges
                              1. 0
                                Gunnar Bittersmann
                                • animation
                                • menschelei
                                • sonstiges
                                1. 0
                                  Gunnar Bittersmann
                                  • animation
                  2. 3

                    Jupiter

                    Orlok
                    • canvas
                    • javascript
                    • webgl
                    1. 0
                      Matthias Scharwies
                      • canvas
                      • javascript
                      1. 0

                        WebGL

                        Orlok
                        • canvas
                        • javascript
                        • webgl
                    2. 0
                      Gunnar Bittersmann
                      • canvas
                      • javascript
                    3. 0
                      Gunnar Bittersmann
                      • canvas
                      • javascript
          2. 0
            Christian Kruse
            1. 0
              Gunnar Bittersmann
              1. 0
                Christian Kruse
                1. 0
                  Gunnar Bittersmann
                  • menschelei
                  • zu diesem forum
  2. 0
    Tabellenkalk
    1. 0
      Sara
      1. 0
        henman
        1. 0
          Sara
          1. 0
            Matthias Apsel
          2. 0
            henman
            1. 0
              henman
          3. 0
            Auge
          4. 0
            Tabellenkalk
            1. 0
              Sara
    2. 0
      Gunnar Bittersmann
      • css
      • svg
  3. 0
    Gunnar Bittersmann
    1. 0
      Sara
      1. 0
        Christian Kruse
        1. 0
          Sara
          1. 0
            Gunnar Bittersmann
        2. 0
          Gunnar Bittersmann
          1. 0
            Christian Kruse
      2. 0
        Gunnar Bittersmann
        1. 0
          Sara
          1. 0
            Gunnar Bittersmann
            • ux
            1. 0
              Sara
          2. 0
            bobby
            1. 0
              Gunnar Bittersmann
              • css
              • html
              • svg
  4. 0

    SVG Grafiken

    Sara
    • css
    • svg
    1. 0
      Auge
      1. 0
        Gunnar Bittersmann
    2. 0
      Gunnar Bittersmann