Lücken im Lückentext formatieren

Question

Ich nutze in meiner Befragung auf 16 Seiten Lückentexte und möchte daher über das Layout-HTML deren Aussehen anpassen.
Die Teilnehmenden sollen im Idealfall z.B. folgendes sehen: B _ _ M

Leider funktioniert die hier (https://support.soscisurvey.de/?qa=6698/texteingabefeld-in-luckentext-verandern) vorgeschlagene Lösung für mich weder über PageCSS noch über das zentrale HTML des Fragebogens. Dort habe ich - um nur die Lückentexte anzusteuern - folgendes ergänzt:

input[type="text"].wordgap {
border: 0 none;
border-bottom: 1px solid black;
}

Leider ändert das nichts an der Darstellung. Für Tipps wäre ich dankbar.

Comments

Möchten Sie bitte einmal einen Pretest-Link direkt (!) zu einer Seite mit Lückentext posten? Danke.

---

Natürlich. Hier kommt der Link:

https://sosci.iwm-tuebingen.de/testLuecken/?act=ZrV07aihHtJrVLl6PJ0eakWa

Ich habe den Verdacht, dass es an der fixen Zeichnanzahl pro Lücke liegt. Wenn ich für jedes Zeichen eine eigene Lücke definiere, funktioniert das pageCSS.

Answer 1

Der Lückentext verwendet - damit Kästchen innerhalb des Eingabefelds möglich sind - ein Hintergrundbild, nämlich in Ihrem Fall das hier: https://sosci.iwm-tuebingen.de/images/text.char10px.png

Das steht in der CSS-Definition

input[type="text"].wordgap {
  background-image: url("../images/text.char10px.png");
}

Sie könnten nun also per CSS festlegen, dass kein Hintegrundbild verwendet wird. Oder ein anderes.