diff --git a/components/cascader/style/index.tsx b/components/cascader/style/index.tsx index c9d2a16db3e2..81dcc31cc7a0 100644 --- a/components/cascader/style/index.tsx +++ b/components/cascader/style/index.tsx @@ -105,7 +105,7 @@ const genBaseStyle: GenerateStyle = (token) => { '&:hover': { background: token.controlItemBgHover, }, - ' &-disabled': { + '&-disabled': { color: token.colorTextDisabled, cursor: 'not-allowed', diff --git a/components/input/style/index.tsx b/components/input/style/index.tsx index a675993a230f..8b922b0b4f4e 100644 --- a/components/input/style/index.tsx +++ b/components/input/style/index.tsx @@ -537,7 +537,7 @@ const genAllowClearStyle = (token: InputToken): CSSObject => { // ========================= Input ========================= [`${componentCls}-clear-icon`]: { margin: 0, - color: token.colorIcon, + color: token.colorTextQuaternary, fontSize: token.fontSizeIcon, verticalAlign: -1, // https://github.com/ant-design/ant-design/pull/18151 @@ -546,7 +546,7 @@ const genAllowClearStyle = (token: InputToken): CSSObject => { transition: `color ${token.motionDurationSlow}`, '&:hover': { - color: token.colorTextDescription, + color: token.colorTextTertiary, }, '&:active': { diff --git a/components/select/style/index.tsx b/components/select/style/index.tsx index 20830882a5ae..91c020444d8c 100644 --- a/components/select/style/index.tsx +++ b/components/select/style/index.tsx @@ -166,7 +166,7 @@ const genBaseStyle: GenerateStyle = (token) => { insetInlineEnd: inputPaddingHorizontalBase, height: token.fontSizeIcon, marginTop: -token.fontSizeIcon / 2, - color: token.colorTextDisabled, + color: token.colorTextQuaternary, fontSize: token.fontSizeIcon, lineHeight: 1, textAlign: 'center', @@ -207,7 +207,7 @@ const genBaseStyle: GenerateStyle = (token) => { width: token.fontSizeIcon, height: token.fontSizeIcon, marginTop: -token.fontSizeIcon / 2, - color: token.colorTextDisabled, + color: token.colorTextQuaternary, fontSize: token.fontSizeIcon, fontStyle: 'normal', lineHeight: 1, @@ -224,7 +224,7 @@ const genBaseStyle: GenerateStyle = (token) => { }, '&:hover': { - color: token.colorTextDescription, + color: token.colorTextTertiary, }, },