Wie kann ich das Aufleuchten von Antwortfeldern verhindern?

Question

Hallo,

ich möchte eine Aufgabe mit dem Auswahl-Abfolge Baustein erstellen. Dabei wäre es wichtig, dass die Felder mit den Antwortalternativen beim Hovern über den Button nicht aufleuchten. Kann ich das Aufleuchten irgendwie ausstellen und muss ich dafür in den internen Code des Fragebogens eingreifen (wenn ja, wie)?

Vielen Dank im Voraus!

Comments

Würden Sie bitte einen Pretest-Link direkt (!) zur betroffenen Seite posten? Dann verrate ich Ihnen den CSS-Code, den Sie benötigen, um den Hover-Effekt zu unterbinden.

---

Hier ist der Pretest-Link: https://www.soscisurvey.de/bajpc/?act=XMpun32K2SJLn2oT9RNoHh45

Es geht eigentlich nur um die Fläche die bei der ♦︎-Taste aufleuchtet.

Answer 1

Bitte ergänzen Sie in der "HTML-Vorlage" des Fragebogen-Layout (für alle Seiten) oder per PHP-Befehl pageCSS() (nur für die eine Seite) den folgenden CSS-Code:

.selClickAvailable:hover {
    background-color: transparent;
}

Zum Beispiel:

pageCSS('
    .selClickAvailable:hover {
        background-color: transparent;
    }
');

Comments

Vielen Dank, das hat mir sehr weitergeholfen! Jetzt leuchtet das entsprechende Feld nur noch auf, wenn man es angeklickt hat. Gibt es, um dies zu verhindern,  einen äquivalenten Befehl zu hover? Ich habe bereits visited, active und focus ausprobiert.

---

Eigentlich müsste es "active" sien, also:

pageCSS('
    .selClickAvailable:hover,
    .selClickAvailable:active {
        background-color: transparent;
    }
');

Sie scheinen den Befehl zwischenzeitlich entfernt zu haben, deshalb kann ich den aktuellen Stand mit dem Pretest-Link oben gerade nicht prüfen.

---

Danke für die schnelle Antwort! In meinen CSS Code für den Style folgendes eingefügt:
.selClickAvailable:hover {
    background-color: transparent;
}

.selClickAvailable:active{
    background-color: transparent;
}

Leider scheint es damit nicht zu funktionieren. Für den aktuellen Stand hier noch einmal der Link zum Pretest:
https://www.soscisurvey.de/bajpc/?act=iNlODGZSNioJPBGI2n6BZ84e

Es geht vorrangig wieder um den Druck auf die ♦︎-Taste.

---

Wenn ich es korrekt sehe, dann erscheint das Feld erst *nach* dem Loslassen der Taste. Versuchen Sie bitte folgendes:

.selClickAvailable:hover,
.selClickAvailable:active,
.selClickAvailable:focus,
.selClickSelected {
    background-color: transparent;
}

Und dann müsste ich nochmal in den Pretest-Link schauen.

---

Damit funktioniert es. Vielen Dank, der Support ist echt super!