Foros del Web » Creando para Internet » HTML »

[SOLUCIONADO] Como poner un icono dentro de un boton ? :S

Estas en el tema de Como poner un icono dentro de un boton ? :S en el foro de HTML en Foros del Web. Hola, tengo el siguiente codigo: Código PHP: < span  class= "icon-video" ></ span >  Es un simple icono echo con fuentes, y lo quiero introducir ...
  #1 (permalink)  
Antiguo 23/11/2017, 07:58
 
Fecha de Ingreso: agosto-2014
Mensajes: 294
Antigüedad: 10 años, 2 meses
Puntos: 4
Pregunta Como poner un icono dentro de un boton ? :S

Hola, tengo el siguiente codigo:
Código PHP:
<span class="icon-video"></span
Es un simple icono echo con fuentes, y lo quiero introducir dentro de un boton dejo codigo:

Código PHP:
 <input class="boton" id="boton-video" type="button" value=""/> 
Y lo intento poner de este modo pero no funciona:

Código PHP:
 <input class="boton" id="boton-video" type="button" value=""><span class="icon-video"></span> </input
lo que hace es ignorar por completo el cierre..
  #2 (permalink)  
Antiguo 23/11/2017, 08:44
 
Fecha de Ingreso: agosto-2014
Mensajes: 294
Antigüedad: 10 años, 2 meses
Puntos: 4
Respuesta: Como poner un icono dentro de un boton ? :S

Hola pude soluciónar el problema, dejo la respuesta aqui para todos los que en un futuro se topen con el mismo dilema...

Lo unico que hice es copiar el icono de este modo:  y lo meti dentro de la etiqueta value="" del input, luego aplique el CSS del icono, lo cual me transformo el cuadrado en el icono correspondiente, y huala :D

Gracias a todos :)
  #3 (permalink)  
Antiguo 23/11/2017, 11:38
Avatar de ArturoGallegos
Moderador
 
Fecha de Ingreso: febrero-2008
Ubicación: Morelia, México
Mensajes: 6.774
Antigüedad: 16 años, 8 meses
Puntos: 1146
Respuesta: Como poner un icono dentro de un boton ? :S

lo mas correcto seria usar el tag button como tal

Código HTML:
Ver original
  1. <button><span class="icon-video"></span></button>

Etiquetas: boton, cierre, icono
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 10:44.