Browse Source

fix radio-button style

baiyaaaaa 8 năm trước cách đây
mục cha
commit
6b857a23f8

+ 1 - 0
packages/theme-default/src/common/var.css

@@ -2,6 +2,7 @@
 
   /* Transition
   -------------------------- */
+  --all-transition: all .3s cubic-bezier(.645,.045,.355,1);
   --fade-transition: opacity 300ms cubic-bezier(0.23, 1, 0.32, 1);
   --fade-linear-transition: opacity 200ms linear;
   --md-fade-transition: transform 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms, opacity 300ms cubic-bezier(0.23, 1, 0.32, 1) 100ms;

+ 4 - 3
packages/theme-default/src/radio.css

@@ -135,7 +135,7 @@
       margin: 0;
       position: relative;
       cursor: pointer;
-      transition: var(--border-transition-base), var(--color-transition-base);
+      transition: var(--all-transition);
       @utils-user-select none;
 
       @mixin button-size var(--button-padding-vertical), var(--button-padding-horizontal), var(--button-font-size), 0;
@@ -163,8 +163,9 @@
       &:checked {
         & + .el-radio-button__inner {
           z-index: 1;
-          color: var(--color-primary);
-          border-color: @color;
+          background-color: var(--color-primary);
+          border-color: @background-color;
+          color: #fff;
         }
       }