From 6b857a23f81b47d27767678c649c5376a2ec3485 Mon Sep 17 00:00:00 2001
From: baiyaaaaa <bigpet1991@gmail.com>
Date: Fri, 18 Nov 2016 22:07:55 +0800
Subject: [PATCH] fix radio-button style

---
 packages/theme-default/src/common/var.css | 1 +
 packages/theme-default/src/radio.css      | 7 ++++---
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/packages/theme-default/src/common/var.css b/packages/theme-default/src/common/var.css
index cb24a615c..5e6a4dc50 100644
--- a/packages/theme-default/src/common/var.css
+++ b/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;
diff --git a/packages/theme-default/src/radio.css b/packages/theme-default/src/radio.css
index 5f3e50b9c..0756f2f79 100644
--- a/packages/theme-default/src/radio.css
+++ b/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;
         }
       }