Border radius on Focus input field

css, html

Solution

use the `:focus` pseudo selector

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

DEMO

Problem

how can we adjust the border radius of the input field focus. HTML ``` <input type="text" class="rest" /> ``` CSS ``` .rest{border-radius:15px;border:1px solid red;} ```

Original source