Remover borda de input com required

olá a todos, to a um tempo tentando remover a borda vermelha que aparece quando o usuário não preenche corretamente um input com “required”, pois não casa com a estética da minha página, enfim, tentei isso mas não deu certo…

.boxCont .formContato form .txtb input:required,
.boxCont .formContato form .txtb textarea:required,
.boxCont .formContato form .txtb input:required:focus,
.boxCont .formContato form .txtb textarea:required:focus,
.boxCont .formContato form .txtb input:required:after{
    outline: none !important;
    border: none !important;
}

Resolvi tirar o required do html e fazer a validação por javascript

Essa box-shadow é padrão do firefox… Da pra desativar na folha de estilo:

:invalid {
  box-shadow: none;
}

:-moz-submit-invalid {
  box-shadow: none;
}

:-moz-ui-invalid {
  box-shadow: none;
}