Quitar remarcado en rojo de un input

mensajeescrito · #1 (**permalink**) 16/05/2014, 08:20

Hola amigos, veran tengo un problema.

Tengo un formulario en el que tengo como obligatorios unos campos.

Cuando le doy al boton de enviar sino relleno alguno de los campos obligatorios los inputs se me marcan en rojo.

Pero necesito que no se me marquen en rojo.

El asunto es que en css hay una etiqueta "outline" que dicen que es para ello.

Pero no funciona y lo he intetando de mil maneras.

En el foro de css me han recomendado que con javascript, si se podria quitar este remarcado en rojo.

¿Alguien podria ayudarme con ello?

lo que pongo es en el css:

Código CSS:

Ver original.inputstyle {outline: 0px;}

para un input asi:

Código HTML:

Ver original<input type="text" name="nombre" class="inputstyle"  placeholder="Nombre" value="" required title="Escriba su Nombre"/>

Pero no va, cuando fuerzo un error se me remarca en rojo en firefox y no quiero que se me remarque en rojo.

Desde ya gracias de antemano.

Italico76 · #2 (**permalink**) 16/05/2014, 08:51

Pues al menos en Chrome se remarca en azul......y sino quieres hacer validaciones con HTML5, hazlas directamente con JS ... investiga sobre eso, jQuery provee funciones que te simplicarian mucho

Te aclaro que parece No poderese sobreescribir esa funcionalidad de resaltado de HTML5:

Código Javascript:

Ver original<html>
<head>
    <script>
    function descamar_recuadro(input){
            input.setAttribute('style','border:1px solid #CCCCCC;');            
    }
    </script> 
</head>
 
<body>
<form action="" method="post" >
<input type="text" name="nombre" class="inputstyle"  placeholder="Nombre" value="" required title="Escriba su Nombre" onfocus="descamar_recuadro(this);"/>
 
<input type="submit" />
</form>
 
</body>
</html>

Por eso te sugiero...no uses required

mensajeescrito · #3 (**permalink**) 16/05/2014, 09:40

Ok, muchas gracias por la aclaracion.

PHPeros · #4 (**permalink**) 16/05/2014, 11:56

Prueba de esta forma:

Código CSS:

Ver original-moz-outline: none;

Saludos