Efecto CSS

MMCQ · #1 (**permalink**) 08/03/2007, 23:00

hola!

estoy haciendo un formulario xhtml + css . quiero lo siguiente es cuando una persona clickea con el mouse un input o un campo el border cambia de color. como puedo hacer esto?

JavierB · #2 (**permalink**) 09/03/2007, 01:47

Hola MMCQ

Si estás hablando de hacer click con el ratón, se trata de JavaScript. Esto te puede servir.

Código:

<input type="text" style="border:1px solid black"
  onfocus = "this.style.borderColor='red'" onblur = "this.style.borderColor='black'" />

Movido al foro de JavaScript desde Css.

Saludos,

Shiryu_Libra · #3 (**permalink**) 09/03/2007, 03:09

Hola, JavierB...

me preguntaba como se podria utilizar este pedazo de codigo en funcion, pero que aplicara automaticamente a cualquier input, select, bueno elementos de formulario para ser mas explicitos?
tipo pagina de MACROMEDIA/ADOBE, que en cuanto das click, pues hace el efecto que tu mencionas...

JavierB · #4 (**permalink**) 09/03/2007, 03:20

Hola Shiryu_Libra

Un ejemplo sencillo:

Código PHP:

  <html>
<head>
<script type="text/javascript">
function ini() {
  for (i=0; ele = document.forms[0].elements[i]; i++) {
    ele.style.border = '1px solid black';
    ele.onfocus = function() {this.style.borderColor='red'}
    ele.onblur = function() {this.style.borderColor='black'}
  }
}
</script>
</head>
<body onload="ini()">
<form>
<input type="text" />
<input type="text" />
</form>
</body>
</html>

Saludos,

Shiryu_Libra · #5 (**permalink**) 09/03/2007, 03:32

excelente, pequeño codigo, pero sumamente efectivo
muchas gracias por el pequeño tutorial

sumamente util