MdCheck - Focus highlight

[zapping]

Can a focus highlight be added to the checkbox component. When you tab through a form of controls and if you happen to get to a checkbox currently there is now way of knowing that the focus has reached to the checkbox. It will be nice if you could add a focus highlight to it.

It can be checked on the doc site itself https://vuematerial.io/components/checkbox

The same with radio component too please.

[richardaum]

:focus-within
For now, it could be achieved by adding this CSS into your application:

.md-radio-container:focus-within::before {
  background: rgba(150, 204, 255, 0.2);
}

Preview

As the input element gets focus inside, a good approach could be changing the ::before pseudo-element background-color, since it is already related to md-ripple.