Comment faire seulement de l'espace réservé italique dans l'entrée

Salut quelqu'un peut-il me dire comment puis-je faire seul espace réservé à l'italique, mais quand quelqu'un écrit à l'intérieur d'un boîtier de test , parole écrite ne devrais pas avoir italique.

MyCode:

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

Comment puis-je passer en italique uniquement sur l'espace réservé et non l'ensemble d'entrée???

InformationsquelleAutor prabin badyakar | 2014-12-25
  1. 81

    Sûr. Il suffit d'appliquer le style de 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; 
}

    Probablement pas toutes ces règles sont nécessaires. Je l'ai toujours référence CSS Astuces parce que j'oublie toujours comment le faire.

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

    • Malheureusement, il semble que ces règles doivent être déclarés séparément, c'est à dire ::-webkit-input-placeholder, ::-moz-placeholder { font-style: italic; } ne fonctionne pas.
    • Oui, vous avez raison. J'ai remarqué que trop. Je ne sais pas pourquoi c'est le cas, cependant.
    • Il fait partie de la CSS3 Spec. Plus précisément: un groupe de sélecteurs contenant une défaillance de sélecteur n'est pas valide. Par conséquent, parce que Firefox voit :-ms-input-placeholder comme valide, il rend l'ensemble du sélecteur de groupe comme non valide. C'est pourquoi vous avez besoin de les garder séparés.
    InformationsquelleAutor Joseph Marikle
  2. 4

    D'une autre manière: l' :focus sélecteur est votre ami. Le faire seulement pour l'espace réservé à l'usage de l' :pas de sélecteur. Ce ont la règle CSS uniquement si le champ d'entrée n'est PAS en cours de sélection.
    Définir dans votre CSS :

    .class-of-your-input-field:not(:focus) {
font-style:italic;
}
    • Ne serait-ce pas aussi régulièrement saisie de texte en italique, en plus de faire de l'espace réservé de texte en italique?
    InformationsquelleAutor Mike Aron