mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-10 11:03:19 +08:00
Code Issues Actions 30 Packages Projects Releases Wiki Activity

fix: fix checkbox checked hover style (#37973)

Browse Source 
* 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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/checkbox/style/index.tsx
View File

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

8
components/style/index.tsx
View File

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