Eingabe-Platzhalter ändern * nur Farbe

Question

Eingabe-Platzhalter ändern * nur Farbe

8

Ich habe mehrere Eingabefelder, einige Felder sind required und erforderliches Feld mit * , daher muss ich den Eingabeplatzhalter ändern * nur Farbe, die ganze Platzhalterfarbe nicht ändern siehe unten was ich genau brauche.

Ich habe unten Code versucht, um dies zu erreichen, aber es kann ganze Farbe von Platzhalter

ändern

%Vor% %Vor%

html css input placeholder

Ezzuddin 31.10.2017, 05:33

quelle

6 Antworten

Tags und Links html css input placeholder

Django: Verwenden von Annotate, Count und Distinct in einem Queryset NSMutableURLRequest setTimeoutInterval funktioniert nicht in ios 11.0

score 1 · Answer 1

1

Nur placeholder gibt nicht verschiedene styles . Wenn Sie einen anderen Stil wünschen, müssen Sie sich wie folgt trennen.

%Vor% %Vor%

Bharath Kumar 31.10.2017 05:53

quelle

score 1 · Answer 2

Überprüfen Sie dies ... Sie können Ihre Anforderung mit :before and :after erreichen und für das Eingabe-Tag gibt es keine Unterstützung von :before and :after . Sie können es also tun, indem Sie Ihrer Eingabe ein Label hinzufügen und :before and :after CSS zu label

geben

%Vor% %Vor%

score 1 · Answer 3

1

Siehe Folgendes:

%Vor% %Vor% %Vor%

Ehsan 31.10.2017 06:07

quelle

score 0 · Answer 4

0

vielleicht können Sie span im Platzhalter verwenden, damit Sie die Farbe von *

ändern können

%Vor% %Vor% %Vor%

credits: Span innerhalb des Formular-Platzhalters hinzufügen

dennisgon 31.10.2017 06:10

quelle

score 0 · Answer 5

0

Versuchen Sie Folgendes:

%Vor% %Vor%

Hrishabh Singh 31.10.2017 06:44

quelle

score 0 · Answer 6

Mit dem aktuellen Markup glaube ich nicht, dass dies nur mit CSS möglich ist, aber:

Dies ist möglich , wenn es ok ist, nach der Eingabe ein label -Element hinzuzufügen - etwa so:

%Vor%

Codepen-Demo

Der Trick besteht darin, die Pseudoklasse zu verwenden:

: Platzhalter angezeigt ( caniuse )

Von die Spezifikation :

Eingabeelemente können manchmal Platzhaltertext als Hinweis auf die Benutzer, was einzutippen ist. Siehe zum Beispiel das Platzhalterattribut in [HTML5]. Die : placeholder-showed Pseudoklasse entspricht einer Eingabe Element, das einen solchen Platzhaltertext anzeigt.

Die Idee hier ist für den Text " Passwort * " simulieren Platzhaltertext.

Platzhalter werden immer auf input -Elementen angezeigt - auch wenn sie fokussiert sind - es sei denn, für sie ist ein Wert festgelegt.

Indem wir die Pseudo-Klasse :placeholder-shown für input verwenden, können wir bestimmen, wann der Beschriftungstext angezeigt werden soll.

Dies ist die Schlüsselauswahl:

%Vor%

Dies bedeutet: Wenn der Platzhalter der Eingabe angezeigt wird - zeigen Sie die "Platzhalter" Beschriftung an. (Ansonsten verstecken wir es)

Aus diesem Grund müssen wir immer noch ein nicht leeres Platzhalterattribut für die Eingabe festlegen (ein einfaches Leerzeichen genügt)

%Vor% %Vor%