Christian Huml: Alternative Hover bei Mobilgeräten

Beitrag lesen

:active geht aber nur bei Formularelementen oder?

Nein, es geht bei Links (<a>). Ob man Formularelemente aktivieren kann, habe ich noch nicht einmal ausprobiert. 😀

Habe es mal auf den Iphone 7 Plus getestet :active geht bei mir nicht.

Dann ist der Browser kaputt oder du machst etwas falsch™️. Ich selbst kann nur auf einem Android-Gerät testen. Ich gehe aber davon aus, dass @Gunnar Bittersmann, der Apple-Geräte benutzt, wüsste, wenn das grundsätzlich nicht funktionieren würde.

Die Links sind schon erkennbar aber mir fehlen wie du schreibst die verfügbaren Effekte.

Wie gesagt, Effekte, die technisch nicht möglich sind, können auch nicht dargestellt werden. Und wie gesagt, außer dir, der alles immer wieder probiert und vergleicht, wird sie niemand unter dem Gesichspunkt, dass sie :focus und :hover sind und heißen, vermissen. Niemand hindert dich aber daran, für :active einen deutlich erkennbaren Effekt, vielleicht sogar den gleichen, der für :focus und :hover gilt, zu wählen. Ob der dann tatsächlich unter dem Finger verschwindet und überhaupt nicht sichtbar ist, wie Gunnar kolportiert, kommt ja darauf an, wie groß das Element im Viewport ist.

Hallo @Auge,

wahrscheinlich nehme ich einfach alles zu genau 😉 Sprich ich will ja keinen benachteiligen 😀

0 48

Alternative Hover bei Mobilgeräten

Christian Huml
  • css
  • javascript
  1. 0
    MrMurphy1
    1. 1
      JürgenB
    2. 0
      Christian Huml
      1. 0
        Gunnar Bittersmann
        • sprache
        1. 0
          Tabellenkalk
          1. 0
            Gunnar Bittersmann
      2. 0
        marctrix
  2. 2
    JürgenB
    1. 0
      Christian Huml
      1. 1
        Matthias Scharwies
        1. 0
          JürgenB
          1. 1
            Gunnar Bittersmann
            • barrierefreiheit
            • html
            1. 0
              Gunnar Bittersmann
        2. 0
          Christian Huml
          1. 0
            Auge
            • html
            1. 0
              Christian Huml
              1. 0
                Auge
        3. 0
          Christian Huml
          1. 0
            Gunnar Bittersmann
            • javascript
            1. 0
              Christian Huml
              1. 2
                Gunnar Bittersmann
                • html
                1. 0
                  Christian Huml
                  1. 0
                    Gunnar Bittersmann
                  2. 1
                    Auge
                    • css
                    • html
                    1. 0
                      Christian Huml
                      1. 0
                        Gunnar Bittersmann
                        1. 0
                          Christian Huml
                          1. 1
                            Auge
                            • browser
                            • css
                            • html
                            1. 0
                              Christian Huml
                            2. 1
                              Gunnar Bittersmann
                              • css
                      2. 0
                        Auge
                        • browser
                        • css
                        • html
                        1. 0
                          Christian Huml
                2. 0
                  Gunnar Bittersmann
              2. 0
                Auge
                • html
      2. 0
        JürgenB
        1. 1
          Gunnar Bittersmann
          • progressive enhancement
          1. 0
            JürgenB
            1. 1
              Gunnar Bittersmann
  3. 0
    marctrix
    1. 0
      Christian Huml
      1. 0
        Matthias Scharwies
        1. 0
          Christian Huml
          1. 1
            Auge
            • css
            • html
      2. 0
        marctrix
        1. 0
          Matthias Scharwies
          1. 0
            marctrix
            1. 0
              Christian Huml