adui/es/cascader/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-cascader-button{text-align:left}.adui-cascader-button .adui-button-content{display:flex;align-items:center;justify-content:space-between;flex:1;min-width:0}.adui-cascader-button-valued.adui-cascader-button-clearable:not([disabled]):hover .adui-cascader-suffix{opacity:0;visibility:hidden}.adui-cascader-button-valued.adui-cascader-button-clearable:not([disabled]):hover .adui-cascader-remove{opacity:1;visibility:visible}.adui-cascader-placeholder{color:var(--transparent-gray-700)}.adui-cascader-label,.adui-cascader-placeholder{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.adui-cascader-icons{flex:none;position:relative;z-index:1;width:18px;height:18px}.adui-cascader-suffix,.adui-cascader-remove{position:absolute;top:0;left:0;width:100%;height:100%;transition:all var(--motion-duration-fast) var(--ease-in-out)}.adui-cascader-remove{opacity:0;visibility:hidden}.adui-cascader-popup{max-width:initial}.adui-cascader-popup .adui-tooltip-content{background-color:rgba(0,0,0,0);white-space:nowrap;box-shadow:none;filter:none}.adui-cascader-menus{display:flex}.adui-cascader-menu{position:relative;width:200px;overflow:auto;background-color:#fff;box-shadow:0 0 0 1px rgba(223,223,223,.5),0 3px 3px 0 rgba(0,0,0,.06);transition:var(--motion-duration-fast) var(--ease-in-out) all}@supports(overflow: overlay){.adui-cascader-menu{overflow:overlay}}.adui-cascader-menu::-webkit-scrollbar{width:14px;height:14px}.adui-cascader-menu::-webkit-scrollbar-thumb{min-width:14px;min-height:14px;background-color:rgba(0,0,0,.15);background-clip:content-box;border:4px solid rgba(0,0,0,0);border-radius:14px}.adui-cascader-menu::-webkit-scrollbar-thumb:hover{background-color:rgba(0,0,0,.4)}.adui-cascader-menu::-webkit-scrollbar-thumb:active{background-color:rgba(0,0,0,.65)}.adui-cascader-menu:first-of-type{border-top-left-radius:6px;border-bottom-left-radius:6px;z-index:5}.adui-cascader-menu:nth-of-type(2){z-index:4}.adui-cascader-menu:nth-of-type(3){z-index:3}.adui-cascader-menu:nth-of-type(4){z-index:2}.adui-cascader-menu:last-of-type{border-top-right-radius:6px;border-bottom-right-radius:6px;z-index:1}.adui-cascader-menu-mini,.adui-cascader-menu-small{max-height:252px}.adui-cascader-menu-mini .adui-cascader-menu-item,.adui-cascader-menu-small .adui-cascader-menu-item{padding-left:12px;padding-right:12px;font-size:var(--font-size-medium);line-height:36px}.adui-cascader-menu-medium{max-height:252px}.adui-cascader-menu-medium .adui-cascader-menu-item{padding-left:14px;padding-right:14px;font-size:var(--font-size-medium);line-height:36px}.adui-cascader-menu-large{max-height:280px}.adui-cascader-menu-large .adui-cascader-menu-item{padding-left:16px;padding-right:16px;font-size:var(--font-size-large);line-height:40px}.adui-cascader-menu-item{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;white-space:nowrap;cursor:pointer;overflow:hidden;text-overflow:ellipsis;transition:all var(--motion-duration-fast) var(--ease-in-out)}.adui-cascader-menu-item-content{max-width:100%;overflow:hidden;text-overflow:ellipsis;transition:inherit}.adui-cascader-menu-item-icon{fill:var(--transparent-gray-600);transition:inherit}.adui-cascader-menu-item:hover{background-color:var(--gray-100)}.adui-cascader-menu-item:hover .adui-cascader-menu-item-icon{fill:var(--transparent-gray-700)}.adui-cascader-menu-item:active{background-color:var(--gray-300)}.adui-cascader-menu-item:active .adui-cascader-menu-item-icon{fill:var(--transparent-gray-800)}.adui-cascader-menu-item-active{color:var(--primary-color);font-weight:600}.adui-cascader-menu-item-active .adui-cascader-menu-item-icon,.adui-cascader-menu-item-active:hover .adui-cascader-menu-item-icon{fill:var(--transparent-gray-800)}.adui-cascader-menu-item-disabled{color:var(--gray-700);cursor:not-allowed}.adui-cascader-menu-item-disabled:hover{background-color:#fff;cursor:not-allowed}.adui-cascader-menu-item-group-list{padding:0;list-style:none}.adui-cascader-appear,.adui-cascader-enter{opacity:0;transform:translate3d(-20px, 0, 0)}.adui-cascader-appear.adui-cascader-appear-active,.adui-cascader-enter.adui-cascader-enter-active{opacity:1;transform:translate3d(0, 0, 0);transition:var(--motion-duration-fast) var(--ease-in-out) all}.adui-cascader-leave{opacity:1;transform:translate3d(0, 0, 0)}.adui-cascader-leave.adui-cascader-leave-active{opacity:0;transform:translate3d(-20px, 0, 0);transition:var(--motion-duration-fast) var(--ease-in-out) all}.slide-up .adui-cascader-appear,.slide-up .adui-cascader-enter,.slide-up .adui-cascader-leave{transition:0s !important}