Ändern Sie den Hintergrund beim Klicken auf die Schaltfläche, nur mit CSS?

Basierend auf der Geige, die ich in den Kommentaren gepostet habe, habe ich sie sehr leicht modifiziert, um die Bootstrap-Taste CSS zu verwenden.

Geben Sie einfach die CSS-Datei von Bootstrap ein und verwenden Sie den folgenden Code.

HTML

CSS

Dies verwendet den nebengeordneten Auswähler .

Hier funktioniert es: Ссылка (Ich habe *-user-select: none; hinzugefügt, um die Auswahl des Etikettentextes zu verhindern, aber es ist nicht erforderlich das Etikett zu arbeiten)

Browserunterstützung

Chrome, Firefox [Desktop & amp; Mobil] (Gecko) ≥ 1.0, Internet Explorer ≥ 7, Opera ≥ 9 und Safari ≥ 3 Referenzen: Attributselektoren und Benachbarte Geschwisterselektoren

Sie könnten so etwas tun - mit dem angrenzenden CSS-Selektor:

Ссылка

Nein, es gibt kein Konzept von "klicken Sie dann etwas tun" in CSS.

Leider gibt es in den CSS-Regeln kein Backtracing; Für einen CSS-Selektor gibt es keine Möglichkeit, die Vorfahren eines Elements zu besteigen.

Sie können (ab?) den Ziel-Selektor verwenden. Dies funktioniert wahrscheinlich nicht in älteren Browsern. Hier ist ein sehr einfaches Beispiel, das ich gemacht habe, das den Hintergrund schaltet, wenn der Link geklickt wird.

Das Konzept besteht darin, CSS-Stile auf Zielelemente anzuwenden. Im folgenden Code wird durch Klicken auf den Link die Körper-ID ausgerichtet, die den Stil in body: target anwendet (Ändern der Hintergrundfarbe).

JSfiddle

Es gibt einen Weg, es zu tun:

Der: focus bedeutet im Grunde, wenn du auf das Element mit der Klasse cc2 klickst, wird es seinen Hintergrund blau machen :) Hoffe das hilft.