diff --git a/components/pagination/style/index.tsx b/components/pagination/style/index.tsx index c1e6078f9b6a..274c6ed5986a 100644 --- a/components/pagination/style/index.tsx +++ b/components/pagination/style/index.tsx @@ -98,13 +98,14 @@ const genPaginationDisabledStyle: GenerateStyle = (t [`${componentCls}-item-link`]: { color: token.colorTextDisabled, cursor: 'not-allowed', - '&:hover, &:active': { backgroundColor: 'transparent', }, - [`${componentCls}-simple&`]: { backgroundColor: 'transparent', + '&:hover, &:active': { + backgroundColor: 'transparent', + }, }, }, @@ -120,6 +121,15 @@ const genPaginationDisabledStyle: GenerateStyle = (t color: token.colorTextDisabled, }, }, + [`&${componentCls}-simple`]: { + [`${componentCls}-prev, ${componentCls}-next`]: { + [`&${componentCls}-disabled ${componentCls}-item-link`]: { + '&:hover, &:active': { + backgroundColor: 'transparent', + }, + }, + }, + }, }; }; @@ -224,7 +234,12 @@ const genPaginationSimpleStyle: GenerateStyle = (tok height: token.paginationItemSizeSM, backgroundColor: 'transparent', border: 0, - + '&:hover': { + backgroundColor: token.colorBgTextHover, + }, + '&:active': { + backgroundColor: token.colorBgTextActive, + }, '&::after': { height: token.paginationItemSizeSM, lineHeight: `${token.paginationItemSizeSM}px`,