diff --git a/components/pagination/style/index.ts b/components/pagination/style/index.ts index b7a61806a4..ffe6f840cb 100644 --- a/components/pagination/style/index.ts +++ b/components/pagination/style/index.ts @@ -329,7 +329,7 @@ const genPaginationSimpleStyle: GenerateStyle = (tok }; const genPaginationJumpStyle: GenerateStyle = (token) => { - const { componentCls, antCls } = token; + const { componentCls } = token; return { [`${componentCls}-jump-prev, ${componentCls}-jump-next`]: { @@ -461,11 +461,6 @@ const genPaginationJumpStyle: GenerateStyle = (token '&-size-changer': { display: 'inline-block', width: 'auto', - - // https://github.com/ant-design/ant-design/issues/49258 - [`${antCls}-select-arrow:not(:last-child)`]: { - opacity: 1, - }, }, '&-quick-jumper': { diff --git a/components/select/demo/basic.tsx b/components/select/demo/basic.tsx index d3c063a2da..731e01d830 100644 --- a/components/select/demo/basic.tsx +++ b/components/select/demo/basic.tsx @@ -35,6 +35,7 @@ const App: React.FC = () => ( style={{ width: 120 }} allowClear options={[{ value: 'lucy', label: 'Lucy' }]} + placeholder="select it" /> ); diff --git a/components/select/style/index.ts b/components/select/style/index.ts index 5b1249c8ce..09747fcd03 100644 --- a/components/select/style/index.ts +++ b/components/select/style/index.ts @@ -177,16 +177,9 @@ const genBaseStyle: GenerateStyle = (token) => { }, }, - '&:hover': { - [`${componentCls}-clear`]: { - opacity: 1, - }, - // Should use the following selector, but since `:has` has poor compatibility, - // we use `:not(:last-child)` instead, which may cause some problems in some cases. - // [`${componentCls}-arrow:has(+ ${componentCls}-clear)`]: { - [`${componentCls}-arrow:not(:last-child)`]: { - opacity: 0, - }, + [`&:hover ${componentCls}-clear`]: { + opacity: 1, + background: token.colorBgBase, }, },