From a7e60ea7669e98f2e1e339af2350c4886b91ef1b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9D=A8=E5=A5=95?=
 <Leopoldthecoder@users.noreply.github.com>
Date: Wed, 4 Apr 2018 10:20:02 +0800
Subject: [PATCH] Radio & Checkbox: fix first button style (#10544)

---
 packages/theme-chalk/src/checkbox.scss     |  6 ++++++
 packages/theme-chalk/src/radio-button.scss | 15 ++++++++-------
 2 files changed, 14 insertions(+), 7 deletions(-)

diff --git a/packages/theme-chalk/src/checkbox.scss b/packages/theme-chalk/src/checkbox.scss
index bdf5745de..7ce9b9e03 100644
--- a/packages/theme-chalk/src/checkbox.scss
+++ b/packages/theme-chalk/src/checkbox.scss
@@ -298,6 +298,9 @@
       border-color: $--checkbox-button-checked-border-color;
       box-shadow: -1px 0 0 0 $--color-primary-light-4;
     }
+    &:first-child .el-checkbox-button__inner {
+      border-left-color: $--checkbox-button-checked-border-color;
+    }
   }
 
   &.is-disabled {
@@ -309,6 +312,9 @@
       border-color: $--button-disabled-border;
       box-shadow: none;
     }
+    &:first-child .el-checkbox-button__inner {
+      border-left-color: $--button-disabled-border;
+    }
   }
 
   &:first-child {
diff --git a/packages/theme-chalk/src/radio-button.scss b/packages/theme-chalk/src/radio-button.scss
index 3fb3c05fe..a79e1fe2b 100644
--- a/packages/theme-chalk/src/radio-button.scss
+++ b/packages/theme-chalk/src/radio-button.scss
@@ -41,6 +41,14 @@
     }
   }
 
+  &:first-child {
+    .el-radio-button__inner {
+      border-left: $--border-base;
+      border-radius: $--border-radius-base 0 0 $--border-radius-base;
+      box-shadow: none !important;
+    }
+  }
+
   @include e(orig-radio) {
     opacity: 0;
     outline: none;
@@ -72,13 +80,6 @@
     }
   }
 
-  &:first-child {
-    .el-radio-button__inner {
-      border-left: $--border-base;
-      border-radius: $--border-radius-base 0 0 $--border-radius-base;
-      box-shadow: none !important;
-    }
-  }
   &:last-child {
     .el-radio-button__inner {
       border-radius: 0 $--border-radius-base $--border-radius-base 0;