From 964b6093c38b88e48777d78ea5352b2741971a08 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=AE=87=E5=A4=A9?= Date: Wed, 10 Mar 2021 13:49:18 +0800 Subject: [PATCH] =?UTF-8?q?=E7=B2=BE=E7=AE=80input=E7=BB=84=E4=BB=B6?= =?UTF-8?q?=E7=9A=84=E7=B1=BB=E5=9E=8B?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/form/input.wc | 28 ++++------------------------ 1 file changed, 4 insertions(+), 24 deletions(-) diff --git a/src/form/input.wc b/src/form/input.wc index 487b57d..039199e 100644 --- a/src/form/input.wc +++ b/src/form/input.wc @@ -37,7 +37,7 @@ li { align-items: center; height: 36px; font-size: 14px; - border: 2px solid var(--color-plain-2); + border: 2px solid var(--color-grey-2); border-radius: inherit; background: var(--bg-color, #fff); color: inherit; @@ -75,11 +75,11 @@ li { white-space: nowrap; } .prepend { - border-right: 2px solid var(--color-plain-1); + border-right: 2px solid var(--color-grey-a); border-radius: 6px 0 0 6px; } .append { - border-left: 2px solid var(--color-plain-1); + border-left: 2px solid var(--color-grey-a); border-radius: 0 6px 6px 0; } &[prepend] .prepend, @@ -232,14 +232,11 @@ li { /* ----- 类型(颜色) ----- */ :host(:focus-within) { - box-shadow: 0 0 0 2px var(--color-plain-a); + box-shadow: 0 0 0 2px var(--color-grey-a); } :host([type='primary']:focus-within) { box-shadow: 0 0 0 2px var(--color-teal-a); } -:host([type='default']:focus-within) { - box-shadow: 0 0 0 2px var(--color-grey-a); -} :host([type='info']:focus-within) { box-shadow: 0 0 0 2px var(--color-blue-a); } @@ -252,9 +249,6 @@ li { :host([type='warning']:focus-within) { box-shadow: 0 0 0 2px var(--color-orange-a); } -:host([type='inverse']:focus-within) { - box-shadow: 0 0 0 2px var(--color-dark-a); -} :host([type='primary']) .label { border-color: var(--color-teal-2); @@ -263,13 +257,6 @@ li { border-color: var(--color-teal-a); } } -:host([type='default']) .label { - border-color: var(--color-grey-2); - .prepend, - .append { - border-color: var(--color-grey-a); - } -} :host([type='info']) .label { border-color: var(--color-blue-2); .prepend, @@ -298,13 +285,6 @@ li { border-color: var(--color-orange-a); } } -:host([type='inverse']) .label { - border-color: var(--color-dark-2); - .prepend, - .append { - border-color: var(--color-dark-a); - } -} /* --- */ :host([disabled]) {