Foros del Web » Creando para Internet » HTML »

¿Como cambiar el tamaño y tipo de letra a un Text?

Estas en el tema de ¿Como cambiar el tamaño y tipo de letra a un Text? en el foro de HTML en Foros del Web. Necesito cambiarle a un text de un formulario el tamaño y tipo de letra para que resalte de los demas datos ¿como se puede hacer? ...
  #1 (permalink)  
Antiguo 06/02/2003, 14:08
Avatar de Snarfer  
Fecha de Ingreso: enero-2002
Mensajes: 55
Antigüedad: 15 años, 10 meses
Puntos: 0
Pregunta ¿Como cambiar el tamaño y tipo de letra a un Text?

Necesito cambiarle a un text de un formulario el tamaño y tipo de letra para que resalte de los demas datos ¿como se puede hacer?



Saludos y muchas gracias.
  #2 (permalink)  
Antiguo 06/02/2003, 14:28
Avatar de BooMeranGz  
Fecha de Ingreso: febrero-2001
Mensajes: 345
Antigüedad: 16 años, 9 meses
Puntos: 0
Lo debes hacer con estilos CSS.
Te doy algunos ejemplos:

Aplicar estilo a una lista (desplazable)

El css:
Código:
.Lista {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-decoration: none;
	height: 16px;
}
El html:
Código:
<select NAME="select" SIZE="1" CLASS="Lista" ID="select">
<option SELECTED>Opción 1</option>
<option>Opción 2</option>
<option>Opción 3</option>
</select>
Aplicar estilo a un campo de texto:

El css:
Código:
.CTexto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-decoration: none;
}
El html:
Código:
<textarea NAME="text" COLS="28" ROWS="2" CLASS="CTexto" ID="text">Escribir aquí</textarea>
Aplicar estilo a un botón:

El css:
Código:
.Boton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-decoration: none;
	height: 16px;
	background-color: #FF9900;
	font-weight: bold;
}
El html:
Código:
<input NAME="submit" TYPE="submit" CLASS="Boton" VALUE=" Botón ">
Puedes hacer mucho mas con los estilos, pero básicamente de esta manera podrás manejar lo que tu quieres.

Los estilos los puedes escribir directamente en la página del formulario de esta manera (entre <HEAD> y </HEAD>):

Código:
<STYLE type=text/css>
.Lista {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-decoration: none;
	height: 16px;
}
.CTexto {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-decoration: none;
}
.Boton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 7pt;
	text-decoration: none;
	height: 16px;
	background-color: #FF9900;
	font-weight: bold;
}
</STYLE>
O los escrbies todos en un mismo archivo (por ej. miestilo.css) y lo llamas entre el <HEAD> y </HEAD> de la página que usará los mismos de esta manera:

Código:
<link HREF="/tupath/miestilo.css" REL="stylesheet" TYPE="text/css">
Salu2.
  #3 (permalink)  
Antiguo 06/02/2003, 15:59
Avatar de Snarfer  
Fecha de Ingreso: enero-2002
Mensajes: 55
Antigüedad: 15 años, 10 meses
Puntos: 0
Muchas gracias por la información ya pude hacerlo.

Saludos
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 01:38.