Tengo un campo de entrada, y el color del texto es negro. (Estoy usando jquery.marcador de posición) digamos que el texto es «E-Mail»

Cuando haga clic en este campo, el negro temporales texto desaparece (gracias a jquery.marcador de posición).

Cualquier texto introducido en este campo, lo quiero de color rojo, y cuando se anula la selección de este campo, quiero que quede roja.

Por el momento, el texto que dice «Correo electrónico» es negro, y cualquier cosa que yo escriba en es de color rojo, que es grande, pero tan pronto como me anule la selección, se remonta a negro. Alguien me puede ayudar? Quiero que el texto permanezca rojo, incluso después de que se anula la selección. Aquí está mi código

textarea:focus, input:focus {
    color: #ff0000;
}

input, select, textarea{
    color: #000;
}
InformationsquelleAutor John | 2011-07-12

5 Comentarios

  1. 52

    Cambiar su segundo estilo a esto:

    input, select, textarea{
        color: #ff0000;
    }

    Por el momento, le está diciendo a la forma para cambiar el texto a black una vez que el foco está apagado. Los recursos que.

    También, es una buena idea colocar el estado normal de los estilos por delante de la :focus y :hover estilos en su hoja de estilos. Que ayuda a evitar este problema. Así

    input, select, textarea{
        color: #ff0000;
    }
    
    textarea:focus, input:focus {
        color: #ff0000;
    }
    • Ok Entiendo, Pero si puedo cambiar mi segundo estilo a rojo, entonces el original temporales de texto también se cambia a rojo (en lugar de negro). ¿Que sentido?
    • Sí. Si usted necesita el texto a negro primero. Establecer en el marcador en el complemento. O usted puede utilizar algunas de secuencias de comandos adicionales para lograr esto.
    • Gracias compañero, yo estaba totalmente ausente de declarar los marcadores de posición de estilo, que estaba separado de la caja de entrada de estilo!
    • Me alegro de que funcionó, @Juan.
  2. 2

    Siempre lo hago de entrada de mensajes, como este:

        <input style="color: #C0C0C0;" value="[email protected]" 
        onfocus="this.value=''; this.style.color='#000000'">

    De curso, si el usuario rellena el campo, los cambios de enfoque y vuelve al campo, el campo volverá a ser desactivada. Si no es así, asegúrese de que es lo que quieres.
    Usted puede hacer un tiempo de una cosa mediante el establecimiento de un semáforo, como este:

        <script language = "text/Javascript"> 
        cleared[0] = cleared[1] = cleared[2] = 0; //set a cleared flag for each field
        function clearField(t){                   //declaring the array outside of the
        if(! cleared[t.id]){                      //function makes it static and global
            cleared[t.id] = 1;  //you could use true and false, but that's more typing
            t.value='';         //with more chance of typos
            t.style.color='#000000';
            }
        }
        </script>

    Su <input> campo, a continuación, se parece a esto:

        <input id = 0; style="color: #C0C0C0;" value="[email protected]" 
        onfocus=clearField(this)>
  3. 1

    Si desea que el texto de marcador de posición de rojo usted necesidad de centrarse específicamente en el CSS.

    Escribir:

    input::placeholder{
      color: #f00;
    }
  4. 0

    reemplazar:

    input, select, textarea{
        color: #000;
    }

    con:

    input, select, textarea{
        color: #f00;
    }

    o color: #ff0000;

Dejar respuesta

Please enter your comment!
Please enter your name here