From 75b8917d0e6017ba7d0889c6ba1d3a69ff1e9906 Mon Sep 17 00:00:00 2001
From: Spaceman <chenjunwei517@qq.com>
Date: Tue, 2 Dec 2025 15:18:15 +0800
Subject: [PATCH] fix(components): [radio & checkbox] fix button wrap style
 (#22073)

* fix(components): [radio] fix el-radio-button css

* fix(components): [radio] fix el-radio-button css

* fix(components): [radio] fix el-radio-button css

fix(components): [radio] fix el-radio-button css

* fix(components): [checkbox] fix checkbox-button border

fix(components): [checkbox] fix checkbox-button border

* fix(components): [radio & checkbox] fix button wrap style

* fix(components): [radio & checkbox] fix button wrap style

Removed unnecessary blank line in radio-button.scss.
---
 packages/theme-chalk/src/checkbox-button.scss | 5 +----
 packages/theme-chalk/src/radio-button.scss    | 5 +----
 2 files changed, 2 insertions(+), 8 deletions(-)

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;