1

Actualmente quisiera agregar un icono dentro de mi textfield para que el usuario pueda visualizar algo relacionado con lo que representa el campo.

Codigo de html:

<input type="text" name="nombre" placeholder="&#xf075; Add Comment" id="txtnombre_promotor" />

Codigo de css:

#txtnombre_promotor {
    font-family: 'FontAwesome';
    content: "\f007";
}

Ya inclui en mi index.php la referencia a fontawesome y es la version 4.7.0

Resultado actual:

introducir la descripción de la imagen aquí

Creo que el problema puede deberse al place holder, ya que si yo quito el codigo .css sigue viendose el rectangulo en mi caja de texto y creo que se debe alcodigo que ingrese en el textfield.

1 respuesta 1

1

Aparentemente funciona bien, ¿o acaso es otro el resultado esperado?

#txtnombre_promotor {
    font-family: 'FontAwesome';
    content: "\f007";
}
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
<input type="text" name="nombre" placeholder="&#xf075; Add Comment" id="txtnombre_promotor" />

3
  • a mi me no me sale el icono que te sale y lo tengo en tu mismo orden, de hecho actualice el post con una foto de lo que me sale a mi.
    – David
    Commented el 13 jul. 2017 a las 18:59
  • ¿Tal vez sea otro código CSS que lo daña? No se me ocurre como más reproducir el problema. ¿codificación?
    – Shaz
    Commented el 13 jul. 2017 a las 19:16
  • lo modifique, en vez de un icono agregue una imagen, gracias por responder.
    – David
    Commented el 13 jul. 2017 a las 19:17

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.