@prettyy/ui/dist/css/pagination-select.css

vue2 UI

.vl-select__wrapper .vl-select,.vl-select__wrapper .vl-select-input{-webkit-appearance:none;background-color:#fff;background-image:none;color:rgba(0,0,0,.88)}.vl-select__wrapper{display:inline-block;position:relative}.vl-select__wrapper .vl-select{width:100%;height:32px;border-radius:4px;border:1px solid rgba(0,0,0,.25);cursor:pointer;display:flex;align-items:center;position:relative}.vl-select__wrapper .vl-select-input{width:calc(100% - 28px);height:100%;padding:9px 0 12px 9px;outline:0;border:0;border-radius:10px;box-sizing:border-box;display:inline-block;transition:border-color .2s cubic-bezier(.645,.045,.355,1);pointer-events:none;font-size:14px;overflow:hidden}.vl-select__wrapper .vl-select-input .is-disabled{background-color:#FAFAFA;cursor:not-allowed}.vl-select__wrapper .vl-select-icon{display:flex;align-items:center;justify-content:center;float:right;color:#C0C4CC;font-size:16px;transition:transform .3s;cursor:pointer;height:100%;text-align:center;width:28px;pointer-events:none}.vl-select__wrapper .vl-select:focus,.vl-select__wrapper .vl-select:hover{border:1px solid #9155fd}.vl-select__wrapper .vl-select:focus .vl-select-icon,.vl-select__wrapper .vl-select:hover .vl-select-icon{color:#9155fd}.vl-select__wrapper .vl-select .is-disabled{background-color:#FAFAFA;cursor:not-allowed}.vl-select__wrapper .vl-option{background-color:#FFF;border-radius:10px;font-size:13px;overflow:hidden;padding:10px 0;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);margin-top:5px;z-index:2016;position:absolute;width:100%}.vl-select__wrapper .vl-option-item{padding:0 20px;height:34px;line-height:34px;cursor:pointer}.vl-select__wrapper .vl-option-item:hover{background-color:#F5F7FA}.vl-select__wrapper .vl-option-item-active{color:#9155fd;font-weight:600}.ms-zoom-in-top-enter-active,.ms-zoom-in-top-leave-active{opacity:1;-ms-transform:scaleY(1);transform:scaleY(1);transition:transform .3s cubic-bezier(.23,1,.32,1) .1s,opacity .3s cubic-bezier(.23,1,.32,1) .1s;-ms-transform-origin:center bottom;transform-origin:center bottom;z-index:110}.ms-zoom-in-top-enter,.ms-zoom-in-top-leave-active{opacity:0;-ms-transform:scaleY(0);transform:scaleY(0)}@keyframes rotate90{0%{transform:rotate(0)}100%{transform:rotate(180deg)}}.rotate-animation{animation:rotate90 .2s linear 1 forwards}