web-dev-qa-db-fra.com

Comment faire en italique uniquement un espace réservé dans l'entrée

Salut, quelqu'un peut-il me dire comment puis-je faire uniquement des italiques d'espace réservé, mais lorsque quelqu'un écrit à l'intérieur d'une boîte de test, Word écrit ne doit pas avoir d'italique.

MyCode:

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

Comment puis-je placer l'italique sur seulement l'espace réservé et non sur l'entrée entière ???

htmlinputplaceholder
41
prabin badyakar

Sûr. Appliquez simplement le style à ces règles CSS:

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

Toutes ces règles ne sont probablement pas nécessaires. Je référence toujours juste CSS Tricks parce que j'oublie toujours comment le faire.

Edit: Notez que ces règles ne peuvent pas être combinées en un seul sélecteur. Ils doivent être déclarés séparément comme indiqué par Dave Kennedy dans les commentaires ci-dessous.

77
Joseph Marikle

Une autre façon: le sélecteur: focus est votre ami. Pour le faire uniquement pour l'espace réservé, utilisez le sélecteur: not. Cela n'a la règle CSS que si le champ de saisie n'est PAS la sélection actuelle. Définissez dans votre CSS:

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