From a517dba23df06798a83ef9622fbae298aa9869f4 Mon Sep 17 00:00:00 2001
From: LIUCHAO <50739490+Tsong-LC@users.noreply.github.com>
Date: Tue, 13 Sep 2022 12:18:37 +0800
Subject: [PATCH] fix(components): [checkbox] fix only child element style
 border-radius (#9746)

* fix(components): [checkbox] fix only child element style border-radius

* refactor(components): [checkbox] prettier style

closed #9745

* refactor(components): [checkbox] split border-radius
---
 packages/theme-chalk/src/checkbox-button.scss | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/packages/theme-chalk/src/checkbox-button.scss b/packages/theme-chalk/src/checkbox-button.scss
index 4ddaa0368f..8db9c9bd1a 100644
--- a/packages/theme-chalk/src/checkbox-button.scss
+++ b/packages/theme-chalk/src/checkbox-button.scss
@@ -106,8 +106,8 @@
   &:first-child {
     .#{$namespace}-checkbox-button__inner {
       border-left: getCssVar('border');
-      border-radius: getCssVar('border-radius-base') 0 0
-        getCssVar('border-radius-base');
+      border-top-left-radius: getCssVar('border-radius-base');
+      border-bottom-left-radius: getCssVar('border-radius-base');
       box-shadow: none !important;
     }
   }
@@ -120,8 +120,8 @@
 
   &:last-child {
     .#{$namespace}-checkbox-button__inner {
-      border-radius: 0 getCssVar('border-radius-base')
-        getCssVar('border-radius-base') 0;
+      border-top-right-radius: getCssVar('border-radius-base');
+      border-bottom-right-radius: getCssVar('border-radius-base');
     }
   }