Estilo en campos de texto no editables

miguel867 · #1 (**permalink**) 13/12/2006, 02:17

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!!!

spalma · #2 (**permalink**) 13/12/2006, 07:33

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

miguel867 · #3 (**permalink**) 15/12/2006, 11:28

Gracias compañero, era lo que necesitaba.

Saludos!!!