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