css - Remove light blue border when input is onclick

Question

How to remove the light blue border in chrome.Since I already added the outline: none and border shallow :none in my code, but the inner part of the input border is showing the light blue border.

  .form-field input[type ="text"]{
        box-sizing: border-box;
        padding 15px 40px;
        color: #999;
        border: 1px solid #e1e1e1;
        overflow:hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 0.9 em;
        text-decoration: none;
        line-height:normal;
        max-height: 3em;
        width:300px;
        height:200px;
        text-align:left;
        padding-left:30px;
        border-radius: 25px;
        
        
    }

.form-field input[type ="text"]:focus{
        outline:none;
        box-shadow:none; 
       
    }

Answer 1

等待大神解答