css: add focus style for Radio && Checkbox (#1508)

9 years ago · 9c3be4c147
2 changed files with 6 additions and 3 deletions
--- a/style/components/checkbox.less
+++ b/style/components/checkbox.less
@ -14,7 +14,8 @@
  position: relative;
  vertical-align: middle;

-  &:hover {
+  &:hover,
+  &-focused {
    .@{checkbox-inner-prefix-cls} {
      border-color: #bcbcbc;
    }
--- a/style/components/radio.less
+++ b/style/components/radio.less
@ -19,7 +19,8 @@
  line-height: 1;
  vertical-align: middle;
  cursor: pointer;
-  &:hover {
+  &:hover,
+  &-focused {
    .@{radio-inner-prefix-cls} {
      border-color: #bcbcbc;
    }
@ -158,7 +159,8 @@ span.@{radio-prefix-cls} + * {
      border-radius: @border-radius-base;
    }

-    &:hover {
+    &:hover,
+    &-focused {
      color: @primary-color;
      position: relative;
    }