feat: radio 0.5px边框

hellof2e · Mar 24, 2023 · bba416f · bba416f
1 parent b8a200f
commit bba416f
Showing 1 changed file with 19 additions and 2 deletions.
diff --git a/packages/quark/src/radio/style.css b/packages/quark/src/radio/style.css
@@ -70,8 +70,22 @@
 
 :host .quark-radio-container .quark-radio-show {
   background: #ffffff;
-  border: 1px solid quark-formPlaceholderColor;
   border-radius: 50%;
+  position: relative;
+}
+
+:host .quark-radio-container .quark-radio-show::after {
+  position: absolute;
+  box-sizing: border-box;
+  content: " ";
+  pointer-events: none;
+  top: -50%;
+  right: -50%;
+  bottom: -50%;
+  left: -50%;
+  border-radius: 50%;
+  border: 1px solid quark-formPlaceholderColor;
+  transform: scale(0.5);
 }
 
 :host([disabled]) * {
@@ -108,10 +122,13 @@
 }
 
 :host([checked]) .quark-radio-container .quark-radio-show {
-  border: none;
   background: var(--radio-background, quark-primaryColor);
 }
 
+:host([checked]) .quark-radio-container .quark-radio-show::after {
+  border: none;
+}
+
 :host([checked]) .quark-radio-icon {
   visibility: visible;
   opacity: 1;