How to set border styles for input fields on Edge,Chrome and safari browsers.

We can set the border style for input fields on Edge,Chrome and safari browsers. Its enable when we selecting the field.

 @media screen and (-webkit-min-device-pixel-ratio:0){ 
                input:focus{
                     outline: 2px solid rgb(0,0,0); 
                    } 
                textarea:focus{ 
                outline: 2px solid rgb(0,0,0); 
                 }
                 input{
                    border: 1px solid rgb(112, 112, 112);
                 }                
            }