Angular-material ng-click strange border highlight
Your problem is the :focus, you can get around by doing something like this
span:focus { outline: none; border: 0; }
So this is just for your span, you could get more specific on other items if you wanted to remove it elsewhere.
I faced the same issue with most of the elements.
In my case following CSS codes worked:
*:focus { outline: none !important; border: 0 !important;}
this may be easy :
add nofocus
class to that elements,
and add css to that class on :focus
.nofocus:focus { outline: none;}