remove border that appears when clicking button

Question

I have a rating form in which when I click on a star, the following border appears:

implement the following example: angular-material-star-rating

How can I remove this border?

Answer 1

To remove the default focus, use the following code:

:focus {
   outline:none;
}

You can then control the focus border color either individually by element

:focus {
   outline:none;
    border:1px solid red
}

Answer 2

Add this rule to the element

outline: none