Foros del Web » Creando para Internet » HTML »

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

Estas en el tema de ¿Se puede cambiar el color del texto de un campo disabled? en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 20/05/2005, 07:30
 
Fecha de Ingreso: enero-2005
Mensajes: 116
Antigüedad: 19 años, 1 mes
Puntos: 0
Pregunta ¿Se puede cambiar el color del texto de un campo disabled?

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.
__________________
;-) lcrecarey
  #2 (permalink)  
Antiguo 22/05/2005, 06:45
 
Fecha de Ingreso: octubre-2004
Ubicación: España
Mensajes: 894
Antigüedad: 19 años, 5 meses
Puntos: 3
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.
__________________
Angel :cool:
  #3 (permalink)  
Antiguo 26/03/2008, 03:02
Avatar de Dr_T  
Fecha de Ingreso: junio-2004
Ubicación: Anglès, Catalunya
Mensajes: 20
Antigüedad: 19 años, 8 meses
Puntos: 0
Re: ¿Se puede cambiar el color del texto de un campo disabled?

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 .
  #4 (permalink)  
Antiguo 26/03/2008, 03:42
Avatar de PatomaS
Colaborador
 
Fecha de Ingreso: marzo-2004
Ubicación: En alguna otra parte
Mensajes: 4.656
Antigüedad: 20 años
Puntos: 63
Re: ¿Se puede cambiar el color del texto de un campo disabled?

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
__________________
¡ hey, hou, hou, hey !
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 21:11.