it-swarm.com.de

Wie man in der Eingabe nur Platzhalter kursiv schreibt

Hallo, kann mir jemand sagen, wie ich nur Platzhalter kursiv schreiben kann?.

MyCode:

<input type="text" id="search" placeholder="Search" style="font-style:italic">

Wie kann ich Kursivschrift auf nur Platzhalter nicht vollständige Eingabe setzen ???

41
prabin badyakar

Sicher. Wenden Sie den Stil einfach auf diese CSS-Regeln an:

::-webkit-input-placeholder {
   font-style: italic;
}
:-moz-placeholder {
   font-style: italic;  
}
::-moz-placeholder {
   font-style: italic;  
}
:-ms-input-placeholder {  
   font-style: italic; 
}

Wahrscheinlich werden nicht alle diese Regeln benötigt. Ich verweise immer nur auf CSS-Tricks , weil ich immer vergesse, wie es geht.

Bearbeiten: Beachten Sie, dass diese Regeln nicht zu einem Selektor kombiniert werden können. Sie müssen separat deklariert werden, wie von Dave Kennedy in den Kommentaren unten angegeben.

77
Joseph Marikle

Ein anderer Weg: der: focus-Selektor ist dein Freund. Um es nur für den Platzhalter zu machen, verwenden Sie den Selektor: not. Dies hat die CSS-Regel nur, wenn das Eingabefeld NICHT aktuelle Auswahl ist. Definieren Sie in Ihrem CSS:

.class-of-your-input-field:not(:focus) {
font-style:italic;
}
4
Mike Aron