style: fix Rate focused style (#30451)

* style: fix Rate focused style close #30449 * Apply suggestions from code review Co-authored-by: xrkffgg <xrkffgg@gmail.com> Co-authored-by: xrkffgg <xrkffgg@gmail.com>
4 years ago · 7e8075b06b
1 changed files with 6 additions and 5 deletions
--- a/components/rate/style/index.less
+++ b/components/rate/style/index.less
@ -27,21 +27,22 @@
    display: inline-block;
    color: inherit;
    cursor: pointer;
-    transition: all 0.3s;

    &:not(:last-child) {
      margin-right: 8px;
    }

    > div {
-      &:focus {
-        outline: 0;
-      }
+      transition: all 0.3s;

      &:hover,
-      &:focus {
+      &:focus-visible {
        transform: @rate-star-hover-scale;
      }
+
+      &:focus:not(:focus-visible) {
+        outline: 0;
+      }
    }

    &-first,