From 8ffcb8c7a66754920ef46a9c6902a2662de9234f Mon Sep 17 00:00:00 2001 From: rd <1344903914@qq.com> Date: Fri, 5 Sep 2025 10:57:15 +0800 Subject: [PATCH] =?UTF-8?q?style:=20=E6=A0=B7=E5=BC=8F=E8=B0=83=E6=95=B4?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/styles/components/ant-select.scss | 68 +++++++++++++++++++-------- 1 file changed, 49 insertions(+), 19 deletions(-) diff --git a/src/styles/components/ant-select.scss b/src/styles/components/ant-select.scss index ed05edd..558fbf6 100644 --- a/src/styles/components/ant-select.scss +++ b/src/styles/components/ant-select.scss @@ -1,18 +1,27 @@ .ant-select { .ant-select-selector { padding: 0 12px !important; - height: 32px; - color: var(--Text-4, #211f24); - font-family: $font-family-regular; - font-size: 14px; - font-style: normal; - font-weight: 400; - line-height: 22px; border-radius: 4px !important; border-color: #d7d7d9 !important; background-color: #fff !important; - &::placeholder { - color: var(--Text-4, #939499); + align-items: center; + .ant-select-selection-search-input { + height: 100% !important; + } + .ant-select-selection-placeholder { + color: var(--Text-4, #737478); + font-family: $font-family-regular; + font-size: 14px; + font-style: normal; + font-weight: 400; + line-height: 22px; + } + .ant-select-selection-item { + color: var(--Text-4, #211f24); + font-family: $font-family-regular; + font-size: 14px; + font-style: normal; + font-weight: 400; } } &:focus, @@ -23,17 +32,38 @@ box-shadow: 0 0 0 0 var(--color-primary-light-2) !important; } } - &.ant-select-lg { - .ant-select-selector { - height: 36px; - } - } - &.ant-select-sm { - .ant-select-selector { - height: 28px; - } - } &.ant-select-status-error { border-color: $color-error !important; } } + +.ant-select.ant-select-single { + .ant-select-selector { + height: 32px !important; + } + &.ant-select-lg { + .ant-select-selector { + height: 36px !important; + } + } + &.ant-select-sm { + .ant-select-selector { + height: 28px !important; + } + } +} +.ant-select.ant-select-multiple { + .ant-select-selection-search-input { + min-height: 32px !important; + } + &.ant-select-lg { + .ant-select-selection-search-input { + min-height: 36px !important; + } + } + &.ant-select-sm { + .ant-select-selection-search-input { + min-height: 28px !important; + } + } +}