Removing Outline on Name and Email field in newsletter when user is inputting info

Hi,

Thank you in advance for helping.

I have newsletter block that I have customized to only show the bottom line for the name and email boxes.  It works perfect except when someone enters the box to add information the outline goes to a solid black.  I would like to prevent thee solid black outline from occurring.  

/*** NEWSLETTER FORM FIELDS ***/
.newsletter-form-field-element {
background: none !important;

border-top: none !important;
border-left: none !important;
border-right: none !important;
border-bottom: solid 1px #E56399 !important;
}

Hi, may it helps

.newsletter-form-field-element {
  outline: none !important;
}

@SquareRefresh  Thank you so much! It did and now it looks so much better!