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

Snarfer · #1 (**permalink**) 06/02/2003, 14:08

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.

BooMeranGz · #2 (**permalink**) 06/02/2003, 14:28

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.

Snarfer · #3 (**permalink**) 06/02/2003, 15:59

Muchas gracias por la información ya pude hacerlo.

Saludos