Border radius on Focus input field

Question

how can we adjust the border radius of the input field focus.

HTML

CSS

.r         


        

Answer 1

use the :focus pseudo selector

.rest:focus{
    border-radius:0;
}

DEMO