diff --git a/packages/theme-chalk/src/checkbox-button.scss b/packages/theme-chalk/src/checkbox-button.scss
index 1b45449c3d..464dd56ff1 100644
--- a/packages/theme-chalk/src/checkbox-button.scss
+++ b/packages/theme-chalk/src/checkbox-button.scss
@@ -24,8 +24,7 @@
       #{getCssVarName('button-bg-color')},
       map.get($button, 'bg-color')
     );
-    border: getCssVar('border');
-    border-left-color: transparent;
+    outline: getCssVar('border');
     color: var(
       #{getCssVarName('button-text-color')},
       map.get($button, 'text-color')
@@ -33,7 +32,6 @@
     -webkit-appearance: none;
     text-align: center;
     box-sizing: border-box;
-    outline: none;
     margin: 0;
     position: relative;
     transition: getCssVar('transition-all');
@@ -104,7 +102,6 @@
 
   &:first-child {
     .#{$namespace}-checkbox-button__inner {
-      border-left: getCssVar('border');
       border-top-left-radius: getCssVar('border-radius-base');
       border-bottom-left-radius: getCssVar('border-radius-base');
       box-shadow: none !important;
diff --git a/packages/theme-chalk/src/radio-button.scss b/packages/theme-chalk/src/radio-button.scss
index 4b98266bfa..37e149541f 100644
--- a/packages/theme-chalk/src/radio-button.scss
+++ b/packages/theme-chalk/src/radio-button.scss
@@ -23,12 +23,11 @@
       #{getCssVarName('button-bg-color')},
       map.get($button, 'bg-color')
     );
-    border: getCssVar('border');
+    outline: getCssVar('border');
     font-weight: var(
       #{getCssVarName('button-font-weight')},
       map.get($button, 'font-weight')
     );
-    border-left: 0;
     color: var(
       #{getCssVarName('button-text-color')},
       map.get($button, 'text-color')
@@ -36,7 +35,6 @@
     -webkit-appearance: none;
     text-align: center;
     box-sizing: border-box;
-    outline: none;
     margin: 0;
     position: relative;
     cursor: pointer;
@@ -65,7 +63,6 @@
 
   &:first-child {
     .#{$namespace}-radio-button__inner {
-      border-left: getCssVar('border');
       border-radius: getCssVar('border-radius-base') 0 0
         getCssVar('border-radius-base');
       box-shadow: none !important;