div - title html css

Cómo hacer solo cursivas de marcador de posición en entrada

Question

Hola, alguien me puede decir cómo puedo hacer solo cursivas de marcador de posición, pero cuando alguien escribe dentro de un cuadro de prueba, la palabra escrita no debe tener letra cursiva.

Mi código:

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

¿Cómo puedo poner cursiva solo en el marcador de posición, no en toda la información?

Answer 1

Otra forma: el selector de foco es tu amigo. Para hacerlo solo para el marcador de posición, use el selector: no. Esto tiene la regla de CSS solo si el campo de entrada NO es una selección actual. Definir en tu CSS:

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

Answer 2

Por supuesto. Simplemente aplique el estilo a estas reglas de CSS:

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

Probablemente no todas estas reglas son necesarias. Siempre me refiero a CSS Tricks porque siempre olvido cómo hacerlo.

Editar: Tenga en cuenta que estas reglas no se pueden combinar en un solo selector. Deben declararse por separado según lo señalado por Dave Kennedy en los comentarios a continuación.