easyest-xqp
Version:
1 lines • 2.43 kB
CSS
@charset "UTF-8";.galp-select{position:relative;vertical-align:middle;white-space:nowrap;display:flex;padding:10px;justify-content:center;align-items:center;line-height:1;width:calc(100% - 71px);margin:auto}.galp-select .galp-select__text{width:auto;margin-right:20px;font-size:var(--galp-font-size-base);color:var(--galp-text-color-regular);height:30px;line-height:30px}.galp-select .galp-select__content{flex:1;position:relative}.galp-select .galp-select__input{width:calc(100% - 17px);height:30px;line-height:30px;color:var(--galp-text-color-regular);font-size:var(--galp-font-size-base);border:1px solid var(--galp-border-color-light);outline:0;border-radius:var(--galp-border-radius-base);text-indent:.8em;padding-right:15px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;cursor:pointer;background:0 0}.galp-select .galp-select__input::-webkit-input-placeholder{color:#a8abb2}.galp-select .galp-select__input:focus{border:1px solid var(--galp-color-primary)}.galp-select .galp-select__required{color:red}.galp-select .galp-select__icon{position:absolute;right:2px;top:50%;transform:translateY(-50%);height:30px;line-height:30px;cursor:pointer;width:25px;text-align:center}.galp-select.is-disabled,.galp-select.is-disabled:focus,.galp-select.is-disabled:hover{cursor:not-allowed}.galp-select.is-disabled .galp-select__input{cursor:not-allowed;color:var(--galp-text-color-placeholder)}.galp-select.is-disabled .galp-select__icon{cursor:not-allowed}.galp-select.is-disabled .galp-select__content{background-color:var(--el-disabled-bg-color);box-shadow:0 0 0 1px var(--el-disabled-border-color) inset}.galp-select .galp-select__option{width:100%;height:auto;max-height:500px;min-height:35px;background:#fff;box-sizing:border-box;overflow:auto;border:1px solid var(--galp-border-color-light);position:absolute;z-index:999;list-style:none;top:2em;padding:0 0 0 .8em;margin:0}.galp-select .galp-select__option-item{background:#fff;color:var(--galp-text-color-regular);height:2.1em;line-height:2.1em;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;font-size:var(--galp-font-size-base);text-align:left}.galp-select .galp-select__option-item.is-active,.galp-select .galp-select__option-item.is-active:focus,.galp-select .galp-select__option-item.is-active:hover{color:var(--galp-color-primary);background:#fff}.galp-select .galp-select__option-check{display:flex;flex-direction:column}