adui/es/button-group/style/index.css

<div> <img src="https://wxa.wxs.qq.com/mpweb/delivery/legacy/wxadtouch/upload/t1/od834zef_52939fc6.png" style="margin:40px 0 0 -8px; background-color: #fcfcfc; box-shadow: none;" /> </div>

.adui-button-group{display:inline-block}.adui-button-group_light{padding:3px;background-color:var(--gray-50);border-radius:6px}.adui-button-group_light .adui-button-mini{height:20px;line-height:20px}.adui-button-group_light .adui-button-small{height:24px;line-height:24px}.adui-button-group_light .adui-button-medium{height:30px;line-height:30px}.adui-button-group_light .adui-button-large{height:36px;line-height:36px}.adui-button-group .adui-button-base:focus{z-index:1}.adui-button-group .adui-button-base:hover{z-index:2}.adui-button-group .adui-button-base.adui-button-active{z-index:3}.adui-button-group .adui-button-base:not(.adui-button-light):not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.adui-button-group .adui-button-base:not(.adui-button-light):not(:last-child){margin-right:1px;border-top-right-radius:0;border-bottom-right-radius:0}.adui-button-group .adui-button-base.adui-button-light{color:var(--gray-800)}.adui-button-group .adui-button-base.adui-button-light:not(:last-child){margin-right:4px}.adui-button-group .adui-button-base.adui-button-light:hover{color:var(--gray-900)}.adui-button-group .adui-button-base.adui-button-light:hover::after{opacity:0}.adui-button-group .adui-button-base.adui-button-light.adui-button-primary.adui-button-active{color:var(--primary-color)}.adui-button-group .adui-button-base.adui-button-light.adui-button-warning.adui-button-active{color:var(--ad-orange)}.adui-button-group .adui-button-base.adui-button-light.adui-button-danger.adui-button-active{color:var(--ad-red)}.adui-button-group .adui-button-base.adui-button-light.adui-button-active::after{opacity:.2}.adui-button-group_banner{display:flex}.adui-button-group_banner button{flex:1}