Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/03/2013, 15:21
Avatar de cristo995
cristo995
 
Fecha de Ingreso: noviembre-2012
Mensajes: 187
Antigüedad: 11 años, 5 meses
Puntos: 0
box-shadow en input type text Ghorome no funciona.

Buenos dias para todos . e aqui yo con el siguiente problemilla:

no me funciona el box-shadow en los input type text en chorome ni en Explorer

tengo el siguiente codigo como ejemplo:

<html>
<head>
<style type="text/css">
.efecto{
position:relative;
-webkit-box-shadow:0 0px 4px #777;
-moz-box-shadow:0 0px 4px #777;
box-shadow:0 0px 10px #777;
width:80px;
height:80px;
border-color:1px solid blue;
}
#efecto:focus{
position:relative;
-webkit-box-shadow:0 0px 4px #777;
-moz-box-shadow:0 0px 4px #777;
box-shadow:0 0px 10px #777;
}
</style>
</head>
<body>
<div class="efecto"> </div>div
<input type="text" id="efecto">
</body>
</html>


-Me va de 100% en Mozilla y Opera

pero en Chorome y Internet Explorer Nada.. no funciona el "focus"

agradeceria vuestra ayuda y mas que todo me interesa que sirva en Chorome
aunque no entiendo se supone que con el :

-webkit- box-shadow me deberia ir todo bn pero en estos navegadores NO :(