fix: fix checkbox checked hover style (#37973)

* fix: fix checkbox checked hover style

* fix: radio
This commit is contained in:
MadCcc 2022-10-12 17:43:22 +08:00 committed by GitHub
parent 808bab2cec
commit 2a9bb7c80e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 10 additions and 0 deletions

View File

@ -183,6 +183,7 @@ export const genCheckboxStyle: GenerateStyle<CheckboxToken> = token => {
[`${checkboxCls}-inner`]: {
backgroundColor: token.colorPrimary,
borderColor: token.colorPrimary,
zIndex: 2,
'&:after': {
opacity: 1,
@ -194,6 +195,7 @@ export const genCheckboxStyle: GenerateStyle<CheckboxToken> = token => {
// Checked Effect
'&:after': {
position: 'absolute',
zIndex: 1,
top: 0,
insetInlineStart: 0,
width: '100%',

View File

@ -108,8 +108,16 @@ export const genCommonStyle = (token: DerivativeToken, rootPrefixCls: string): C
fontSize,
boxSizing: 'border-box',
'&::before, &::after': {
boxSizing: 'border-box',
},
[rootPrefixSelector]: {
boxSizing: 'border-box',
'&::before, &::after': {
boxSizing: 'border-box',
},
},
},
};