Foros del Web » Creando para Internet » CSS »

Estilo en campos de texto no editables

Estas en el tema de Estilo en campos de texto no editables en el foro de CSS en Foros del Web. Hola amigos, Tengo unos campos de texto no editables en un formulario html. Mi problema es que el texto que hay en el interior al ...
  #1 (permalink)  
Antiguo 13/12/2006, 02:17
 
Fecha de Ingreso: abril-2006
Mensajes: 131
Antigüedad: 11 años, 8 meses
Puntos: 1
Estilo en campos de texto no editables

Hola amigos,

Tengo unos campos de texto no editables en un formulario html. Mi problema es que el texto que hay en el interior al ser campos no editables sale en un color claro que apenas se ve ya que el color del background del campo de texto lo tengo en verde. Me gustaría hacer que en el css de los campos de texto, el color del texto que hay en su interior fuera negro cuando dichos campos están no editables.

¿Alguien me puede ayudar?

Saludos y gracias!!!
  #2 (permalink)  
Antiguo 13/12/2006, 07:33
Avatar de spalma  
Fecha de Ingreso: diciembre-2006
Mensajes: 2
Antigüedad: 11 años
Puntos: 0
Re: Estilo en campos de texto no editables

Los campos de texto no editables supongo que son input con la propiedad disabled no?

Si es asi, solo debes quitar del imput la propiedad disabled=disabled, por readonly=readonly... Esta ultima propiedad descrita, muestra el valor asignado al input sin alterar el estilo de este. Es decir, podras ver la letras en el estilo que has definido.

Un ejemplo.

Código:
<html>
<head>
<title>diferencia entre Readonly y Disabled</title>
<style type="text/css">
<!-- 
input{
	color: #006699;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	letter-spacing: normal;
	line-height: normal;
	text-decoration: none;
	text-transform: none;
}
-->
</style>
</head>
<body>
<input type="text" id="txt01" readonly="readonly" value="0123456789"/><br/>
<input type="text" id="txt02" disabled="disabled" value="0123456789"/>
</body>
</html>
Prueba con las dos opciones
  #3 (permalink)  
Antiguo 15/12/2006, 11:28
 
Fecha de Ingreso: abril-2006
Mensajes: 131
Antigüedad: 11 años, 8 meses
Puntos: 1
Re: Estilo en campos de texto no editables

Gracias compañero, era lo que necesitaba.

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 07:50.