Schrift-Größe/Formatierung des Eingabehinweises bei offenem Eingabefeld

Question

Hallo,

gibt es eine Möglichkeit, die Schrift beim Eingabehinweis eines offenen Eingabefeldes zu adaptieren?
Ich habe mehrere kleine, optionale offene Fragen, in die die Respondent:innen einen Kommentar eintragen können - sofern Bedarf besteht. Die diesbezügliche Aufforderung ("Sie können gerne einen Kommentar hinzufügen.") ist aus ästhetischen Gründen als Eingabehinweis im Eingabefeld hinterlegt.
Nun würde ich gerne die Schriftgröße des Eingabehinweises verringern und potentiell kursiv-setzen.

Ich habe versucht, den Eingabehinweis direkt mit html-Code zu versehen: <i>Sie können gerne einen Kommentar hinzufügen.</i>
-> das hat aber nicht gegriffen, sondern den Code selbst im Eingabehinweis angezeigt.

Wie kann ich den Eingabehinweis adaptieren? (Schriftgröße, Kursiv, etc.) ?

Answer 1

Der Eingabehinweis kann mittels CSS formatiert werden, entweder direkt im <style>-Bereich des Layouts oder mittels pageCSS().

Der entsprechende Selektor heißt ::placeholder.

::placeholder {
  color: red;
  font-style: italic;
  font-size: 10px;
}

Comments

Danke für die rasche Antwort! Es freut mich zu hören, dass es eine Lösung dafür gibt.

Leider benötige ich genauere Anweisungen, wo bzw. wie ich diesen Selektor einbauen kann. Besteht eine Möglichkeit, den Selektor direkt bei "Fragebogen zusammenstellen" auf die entsprechende Seite zu geben? Wenn ja: wie?
Falls nein: woran erkenne ich, an welcher Stelle in der HMTL-Layout-Vorlage ich den Passus einfügen soll?

Danke!

---

Versuchen Sie es auf der Seite mit folgendem PHP-Code:

pageCSS('
  ::placeholder {
    color: red;
    font-style: italic;
    font-size: 10px;
  }
');

> woran erkenne ich, an welcher Stelle in der HMTL-Layout-Vorlage ich den Passus einfügen soll?

Suchen Sie nach <style> - dort stehen schon weitere CSS-Anweisungen.

---

Ich habe es auf der Seite mit dem PHP-Code probiert, dann aber folgende 2 Fehlermeldungen bekommen (und leider hat es auch nicht gewirkt):

"Warnung: Die Zeichenkette :: wird als besonders gefährlich bewertet und darf daher im Fragebogen nicht verwendet werden. Falls es sich dabei um den Teil eines Textes handelt, können Sie diesen als Fragebogen-Text speichern und dann in den Fragebogen einbinden."

&

"Der PHP-Code enthält unzulässige Funktionsaufrufe oder Schlüsselwörter und wurde daher nicht ausgeführt"

---

Okay, das ist lösbar:

pageCSS('
  :'.':placeholder {
    color: red;
    font-style: italic;
    font-size: 10px;
  }
');

---

Perfekt, das funktioniert, danke!