Markieren Sie ein div-Element auf mouse-down mit CSS

Ist es möglich, aufzuzeigen div (ändern Sie hintergrund-Farbe) mit einem mouse-down-event und unhighlight ist es, wenn die Maustaste losgelassen wird, nur mit CSS?

InformationsquelleAutor AndroidDev | 2013-04-17
  1. 12

    Ich bin mir nicht sicher, wie weit es unterstützt wird, aber das scheint zu funktionieren (in chrome, FF und Safari) mindestens

    http://jsfiddle.net/sQU2V/

      <style>div:active{background:red}</style>
  <div>test</div>
    • Ich werde überprüfen Sie Ihre Antwort als richtig, aber ich sollte Hinzugefügt haben, dass ich wollte dies in einem WebView in Android-app, mit dem dein Vorschlag nicht funktioniert, noch funktioniert es in den Android-browser.
    • Fiddle funktioniert in Chrome und IE11
    • Genial Lösung. Ich würde verwendet haben, javascript für diese.
    InformationsquelleAutor TommyBs
  2. 4

    Versuchen Sie es mit der pseudo-Klasse :active:

    yourselector:active {
    background: #F00; //Or whatever
}

    Demo: http://jsfiddle.net/darkajax/JEy9f/

    Laut MDN es sollte kompatibel mit Chrome, Firefox und IE 8+ unter anderem...

    InformationsquelleAutor DarkAjax
  3. 1

    Ja, Sie können die :active selector.

    Hier ein jsFiddle mit einem Beispiel.

    InformationsquelleAutor LeonardChallis
  4. 0

    Haben Sie versucht, die :active psuedo-Selektor?

    So

    .class:active{
     background:red;
}
    InformationsquelleAutor Jiri Krewinkel
Schreibe einen Kommentar