How to remove red border from invalid input field from form submit in Mozilla

 

You are looking for remove a red border that comes when you submit a invalid form in mozilla. We have come from that issue and 100% it will works. We have checked across all browser.
You need to use this below code and then you have to see that effect.

CSS Code

input:invalid, input:-moz-ui-invalid {
    border:0;
    outline:none;
    box-shadow:none;
    -moz-box-shadow:none;
    -webkit-box-shadow:none;
}

This code will ignore default invalid css for mozilla browser and you can apply it's your own css for invalid form input fields.