¿Se puede cambiar el color del texto de un campo disabled?

lcrecarey · #1 (**permalink**) 20/05/2005, 07:30

Hola forer@s:
Mi duda creo que ya está explicada en el título. Quería saber si es posible modificar el color gris del texto de un campo <input> o <select> cuando éste está "disabled".
Gracias.
Un saludo.

angsanchez · #2 (**permalink**) 22/05/2005, 06:45

Hola
Seguramente no se pueda, pues son cosas del sistema para indicar que está desactivado.
Podrías hacer una simulación no usando "disabled", sino impidiendo que se use el campo con onFocus()=this.blur(). De ese modo retienes el control sobre su color.

Dr_T · #3 (**permalink**) 26/03/2008, 03:02

Bueno... a mi me funcionó con onfocus="this.blur()".
El único "problema" es que si alguien selecciona el texto que en teoría está disabled y le da al backspace para borrar, por ejemplo, lo que hace es volver una página atrás .

PatomaS · #4 (**permalink**) 26/03/2008, 03:42

Hola

Si es posible hacerlo, tanto con JavaScript, como con CSS, el principio es el mismo.

Aquí dejo un ejemplo sencillo

Código HTML:

<?xml version="1.0" encoding="ISO-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es">
<head>
	<style type="text/css">
		html,body { width: 100%; height: 100%; background-color: #fff; color: #000;}
		#Base { width: 100%; height: 100%; background-color: inherit; color: inherit;}
		input {color: inherit;}
		#campo_1 {background-color: #0f0; color: #f00;}
		#campo_2 {background-color: #0f0; color: #00f;}
	</style>
	<title>Pruebilla</title>
</head>
<body>
<div id="Base">
	<form method="post" action="">
		<p><input type="text" disabled="disabled" id="campo_1" value="texto de prueba" /></p>
		<p><select>
			<option>opcion 1</option>
			<option disabled="disabled" id="campo_2">opcion 2</option>
		</select></p>
	</form>
</div>
</body>
</html>

Sin embargo, hay que comentar que el funcionamiento no es igual en todos los navegadores.

Firefox (linux): Funciona como se espera.
Explorer 6 (en wine): Funciona como se espera.
Opera 9.25 (linux): No cambia el color del texto, pero si el de fondo.

Felicidad