.vxe-radio--button { .vxe-radio--label { background-color: var(--vxe-ui-layout-background-color); } &:first-child { .vxe-radio--label { border-left: 1px solid var(--vxe-ui-input-border-color); border-radius: var(--vxe-ui-base-border-radius) 0 0 var(--vxe-ui-base-border-radius); } } &:last-child { .vxe-radio--label { border-radius: 0 var(--vxe-ui-base-border-radius) var(--vxe-ui-base-border-radius) 0; } } > input { &:checked+.vxe-radio--label { color: #fff; background-color: var(--vxe-ui-font-primary-color); } } .vxe-radio--label { padding: 0 1em; line-height: calc(var(--vxe-ui-button-height-default) - 2px); display: inline-block; border-style: solid; border-color: var(--vxe-ui-input-border-color); border-width: 1px 1px 1px 0; max-width: 50em; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } & > input { &:focus { &+.vxe-radio--label { border-color: var(--vxe-ui-font-primary-color); box-shadow: 0 0 0.2em 0 var(--vxe-ui-font-primary-color); } } } &.size--medium { .vxe-radio--label { line-height: calc(var(--vxe-ui-button-height-medium) - 2px); } } &.size--small { .vxe-radio--label { line-height: calc(var(--vxe-ui-button-height-small) - 2px); } } &.size--mini { .vxe-radio--label { line-height: calc(var(--vxe-ui-button-height-mini) - 2px); } } }