diff --git a/components/form/style/index.tsx b/components/form/style/index.tsx index 812cc64caf0f..3873439723e8 100644 --- a/components/form/style/index.tsx +++ b/components/form/style/index.tsx @@ -234,7 +234,7 @@ const genFormItemStyle: GenerateStyle = (token) => { flexDirection: 'column', flexGrow: 1, - [`&:first-child:not([class^=~"'${rootPrefixCls}-col-'"]):not([class*=~"' ${rootPrefixCls}-col-'"])`]: + [`&:first-child:not([class^="'${rootPrefixCls}-col-'"]):not([class*="' ${rootPrefixCls}-col-'"])`]: { width: '100%', }, diff --git a/components/input/style/index.tsx b/components/input/style/index.tsx index 068acf121461..7538f8955deb 100644 --- a/components/input/style/index.tsx +++ b/components/input/style/index.tsx @@ -738,10 +738,9 @@ const genSearchInputStyle: GenerateStyle = (token: InputToken) => { '&:hover, &:focus': { borderColor: token.colorPrimaryHover, - [`+ ${componentCls}-group-addon ${searchPrefixCls}-button:not(.@{ant-prefix}-btn-primary)`]: - { - borderInlineStartColor: token.colorPrimaryHover, - }, + [`+ ${componentCls}-group-addon ${searchPrefixCls}-button:not(${antCls}-btn-primary)`]: { + borderInlineStartColor: token.colorPrimaryHover, + }, }, }, diff --git a/components/select/style/single.tsx b/components/select/style/single.tsx index 8ef27b653be3..39e19d7860a4 100644 --- a/components/select/style/single.tsx +++ b/components/select/style/single.tsx @@ -44,7 +44,7 @@ function genSizeStyle(token: SelectToken, suffix?: string): CSSObject { transition: `all ${token.motionDurationSlow}`, // Firefox inline-block position calculation is not same as Chrome & Safari. Patch this: - '@supports (-moz-appearance: meterbar) &': { + '@supports (-moz-appearance: meterbar)': { lineHeight: `${selectHeightWithoutBorder}px`, }, }, diff --git a/components/tree/style/index.tsx b/components/tree/style/index.tsx index 96b9464e04a8..69bbc2eb3bfc 100644 --- a/components/tree/style/index.tsx +++ b/components/tree/style/index.tsx @@ -423,7 +423,7 @@ export const genDirectoryStyle = (token: TreeToken): CSSObject => { background: 'transparent', }, - [`&.${treeCls}-node-selected`]: { + [`&${treeCls}-node-selected`]: { color: token.colorTextLightSolid, background: 'transparent', },