diff --git a/packages/amis-ui/scss/components/form/_select.scss b/packages/amis-ui/scss/components/form/_select.scss index 4b0518921c9..42122ed5da5 100644 --- a/packages/amis-ui/scss/components/form/_select.scss +++ b/packages/amis-ui/scss/components/form/_select.scss @@ -363,33 +363,33 @@ background: var(--select-base-default-option-bg-color); line-height: var(--select-base-default-option-line-height); - &-checkbox { + .#{$ns}Checkbox { width: 100%; display: flex; + align-items: center; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; - align-items: center; - > label { - width: 100%; - display: flex; + margin: 0; + > i { + flex-shrink: 0; + } + + > span { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; - align-items: center; - - > i { - flex-shrink: 0; - } - - > span { + width: 100%; + font-size: var(--select-base-default-option-fontSize); + font-weight: var(--select-base-default-option-fontWeight); + color: var(--select-base-default-option-color); + } + .#{$ns}TplField { + > span > p { + margin: 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; - width: 100%; - font-size: var(--select-base-default-option-fontSize); - font-weight: var(--select-base-default-option-fontWeight); - color: var(--select-base-default-option-color); } } } diff --git a/packages/amis-ui/src/components/Select.tsx b/packages/amis-ui/src/components/Select.tsx index 1c1ae927758..25a17ce97db 100644 --- a/packages/amis-ui/src/components/Select.tsx +++ b/packages/amis-ui/src/components/Select.tsx @@ -1095,6 +1095,7 @@ export class Select extends React.Component { }} disabled={item.disabled} testIdBuilder={optTestIdBudr?.getChild('chekbx')} + size="sm" > {renderMenu(item, { multiple,