Tema: Cambiar color a resultado en en una caja de texto
Ver Mensaje Individual
  #1 (permalink)  
Antiguo 08/10/2010, 16:24
oscarbt
 
Fecha de Ingreso: abril-2009
Ubicación: Colombia
Mensajes: 949
Antigüedad: 15 años
Puntos: 27
Cambiar color a resultado en en una caja de texto
Buenas, la verdad muy poco trabajo CSS, pero me gustaria saber como puedo hacer esto:
Tengo un formularo donde el usuario me ingresa el valor del lado de un cuadrado y en dos cajas te texto que estan deshabilidatas (disable), imprimo los resultados
Pero resulta que los resultados me salen en color negro y muy claritos,

Como puedo cambiar el color de esos resultados?.....O dejarlos mas oscuros?? eso se hace con CSS?...

Aca el codigo de mi formulario:

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
  4. <title>Cuadrado</title>
  5. <script languaje="JavaScript">
  6.  
  7. function num(c){
  8.  c.value=c.value.replace(/[A-z-\/\*\+]/, '');
  9. }
  10.  
  11. </script>
  12.       
  13.  
  14.  
  15. <script languaje="JavaScript">
  16.           function area()
  17.          {
  18.             lado=document.datos.lado.value;
  19.     
  20.                          document.datos.perimetro.value=lado*4;
  21.              document.datos.resultado.value=lado*lado;
  22.           
  23.          }  
  24.       </script>
  25. <style type="text/css">
  26. <!--
  27. .Estilo1 {color: #0000FF}
  28. -->
  29. </style>
  30. </head>
  31.  
  32. <body>
  33. <br>
  34. <center><h1><b>CALCULO DE AREA DE UN CUADRADO</b></h1></center>
  35. <br />
  36. <hr />
  37.  
  38. <br>
  39. <br>
  40.  
  41.  
  42. <form name="datos">
  43. <center>
  44. <table width="500
  45. " border="1" >
  46.   <tr>
  47.     <td width="147"><div align="center"><strong><h2 class="Estilo1">INGRESO DE DATOS</h2>
  48.     </strong></div></td>
  49.     <td width="173"><div align="center">
  50.       <h2><strong><span class="Estilo1">RESULTADO</span></strong></h2>
  51.     </div></td>
  52.     <td width="173"><div align="center">
  53.       <h2><strong><span class="Estilo1">FIGURA</span></strong></h2>
  54.     </div></td>
  55.   </tr>
  56.   <tr>
  57.     <td><div align="center"><h3>VALOR DEL LADO </h3>
  58. <input  type="text" name="lado" size="10" onBlur="num(this);" onKeyPress="num(this);" onKeyUp="num(this);" /></div></td>
  59.     <td><div align="center">
  60. <h3>VALOR PERIMETRO </h3>
  61. <input type="text" name="perimetro" disabled="disabled">
  62.  
  63.   <h3>VALOR AREA </h3>
  64. <input type="text" name="resultado" disabled="disabled"></div><br></td>
  65. <td><div align="center">
  66. <h3><img src="Imagenes/cuadrado.jpg" alt="Cuadrado" > &nbsp;</h3>
  67. </div>
  68. <br></td>
  69.   </tr>
  70. </table>
  71. </center>
  72.  
  73.   
  74.  
  75.   <br>
  76.    
  77.    <CENTER> <input type="button" value="Calcular valores" onClick="area()"> <input name="Limpiar"  type="reset" id="Limpiar" value="Borrar valores ingresados "></CENTER>
  78. </form>
  79. <br />
  80.  
  81. </body>
  82.  </html>

Agradezco me puedan colaborar