编辑 yith-select2-no-wc.css

✏️ 编辑：yith-select2-no-wc.css

路径：/home/forge/yith-woocommerce-compare/plugin-fw/assets/css/yith-select2-no-wc.css

大小：21.3 KB · 修改：2023-08-03 14:10:49 · 权限：0644 · 可写

.select2-container {
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    display            : inline-block;
    margin             : 0;
    position           : relative;
    vertical-align     : middle
}

.select2-container .select2-selection--single {
    -webkit-box-sizing  : border-box;
    box-sizing          : border-box;
    cursor              : pointer;
    display             : block;
    height              : 28px;
    margin              : 0 0 -4px;
    -moz-user-select    : none;
    -ms-user-select     : none;
    user-select         : none;
    -webkit-user-select : none
}

.select2-container .select2-selection--single .select2-selection__rendered {
    display       : block;
    padding-left  : 8px;
    padding-right : 20px;
    overflow      : hidden;
    text-overflow : ellipsis;
    white-space   : nowrap
}

.select2-container .select2-selection--single .select2-selection__clear {
    position : relative
}

.select2-container[dir=rtl] .select2-selection--single .select2-selection__rendered {
    padding-right : 8px;
    padding-left  : 20px
}

.select2-container .select2-selection--multiple {
    -webkit-box-sizing  : border-box;
    box-sizing          : border-box;
    cursor              : pointer;
    display             : block;
    min-height          : 32px;
    -moz-user-select    : none;
    -ms-user-select     : none;
    user-select         : none;
    -webkit-user-select : none
}

.select2-container .select2-selection--multiple .select2-selection__rendered {
    display       : inline-block;
    overflow      : hidden;
    padding-left  : 8px;
    text-overflow : ellipsis;
    white-space   : nowrap
}

.select2-container .select2-search--inline {
    float   : left;
    padding : 0
}

.select2-container .select2-search--inline .select2-search__field {
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    border             : none;
    font-size          : 100%;
    margin             : 0;
    padding            : 0
}

.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance : none
}

.select2-dropdown {
    background-color   : #fff;
    border             : 1px solid #aaa;
    border-radius      : 4px;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    display            : block;
    position           : absolute;
    left               : -100000px;
    width              : 100%;
    z-index            : 1051
}

.select2-results {
    display : block
}

.select2-results__options {
    list-style : none;
    margin     : 0;
    padding    : 0
}

.select2-results__option {
    padding             : 6px;
    -moz-user-select    : none;
    -ms-user-select     : none;
    user-select         : none;
    -webkit-user-select : none
}

.select2-results__option[aria-selected], .select2-results__option[data-selected] {
    cursor : pointer
}

.select2-container--open .select2-dropdown {
    left : 0
}

.select2-container--open .select2-dropdown--above {
    border-bottom              : none;
    border-bottom-left-radius  : 0;
    border-bottom-right-radius : 0
}

.select2-container--open .select2-dropdown--below {
    border-top              : none;
    border-top-left-radius  : 0;
    border-top-right-radius : 0
}

.select2-search--dropdown {
    display : block;
    padding : 4px
}

.select2-search--dropdown .select2-search__field {
    padding            : 4px;
    width              : 100%;
    -webkit-box-sizing : border-box;
    box-sizing         : border-box
}

.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button {
    -webkit-appearance : none
}

.select2-search--dropdown.select2-search--hide {
    display : none
}

.select2-close-mask {
    border           : 0;
    margin           : 0;
    padding          : 0;
    display          : block;
    position         : fixed;
    left             : 0;
    top              : 0;
    min-height       : 100%;
    min-width        : 100%;
    height           : auto;
    width            : auto;
    opacity          : 0;
    z-index          : 99;
    background-color : #fff
}

.select2-hidden-accessible {
    border   : 0 !important;
    clip     : rect(0 0 0 0) !important;
    height   : 1px !important;
    margin   : -1px !important;
    overflow : hidden !important;
    padding  : 0 !important;
    position : absolute !important;
    width    : 1px !important
}

.select2-container--default .select2-selection--single {
    background-color : #fff;
    border           : 1px solid #aaa;
    border-radius    : 4px
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    color       : #444;
    line-height : 28px
}

.select2-container--default .select2-selection--single .select2-selection__clear {
    cursor      : pointer;
    float       : right;
    font-weight : 700
}

.select2-container--default .select2-selection--single .select2-selection__placeholder {
    color : #999
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
    height   : 26px;
    position : absolute;
    top      : 1px;
    right    : 1px;
    width    : 20px
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    border-color : #888 transparent transparent transparent;
    border-style : solid;
    border-width : 5px 4px 0 4px;
    height       : 0;
    left         : 50%;
    margin-left  : -4px;
    margin-top   : -2px;
    position     : absolute;
    top          : 50%;
    width        : 0
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__clear {
    float : left
}

.select2-container--default[dir=rtl] .select2-selection--single .select2-selection__arrow {
    left  : 1px;
    right : auto
}

.select2-container--default.select2-container--disabled .select2-selection--single {
    background-color : #eee;
    cursor           : default
}

.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear {
    display : none
}

.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color : transparent transparent #888 transparent;
    border-width : 0 4px 5px 4px
}

.select2-container--default .select2-selection--multiple {
    background-color : #fff;
    border           : 1px solid #aaa;
    cursor           : text;
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered {
    -webkit-box-sizing : border-box;
    box-sizing         : border-box;
    list-style         : none;
    margin             : 0;
    padding            : 0 5px;
    width              : 100%
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li {
    list-style : none;
    margin     : 5px 5px 0 0
}

.select2-container--default .select2-selection--multiple .select2-selection__rendered li:before {
    content : '';
    display : none
}

.select2-container--default .select2-selection--multiple .select2-selection__placeholder {
    color      : #999;
    margin-top : 5px;
    float      : left
}

.select2-container--default .select2-selection--multiple .select2-selection__clear {
    cursor       : pointer;
    float        : right;
    font-weight  : 700;
    margin-top   : 5px;
    margin-right : 10px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color : #e4e4e4;
    border           : 1px solid #aaa;
    border-radius    : 4px;
    cursor           : default;
    float            : left;
    margin-right     : 5px;
    margin-top       : 5px;
    padding          : 0 5px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
    color        : #999;
    cursor       : pointer;
    display      : inline-block;
    font-weight  : 700;
    margin-right : 2px
}

.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {
    color : #333
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-search--inline, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice, .select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__placeholder {
    float : right
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left  : 5px;
    margin-right : auto
}

.select2-container--default[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left  : 2px;
    margin-right : auto
}

.select2-container--default.select2-container--focus .select2-selection--multiple {
    border  : solid #000 1px;
    outline : 0
}

.select2-container--default.select2-container--disabled .select2-selection--multiple {
    background-color : #eee;
    cursor           : default
}

.select2-container--default.select2-container--disabled .select2-selection__choice__remove {
    display : none
}

.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--above .select2-selection--single {
    border-top-left-radius  : 0;
    border-top-right-radius : 0
}

.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple, .select2-container--default.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom-left-radius  : 0;
    border-bottom-right-radius : 0
}

.select2-container--default .select2-search--dropdown .select2-search__field {
    border : 1px solid #aaa
}

.select2-container--default .select2-search--inline .select2-search__field {
    background         : 0 0;
    border             : none;
    outline            : 0;
    -webkit-box-shadow : none;
    box-shadow         : none;
    -webkit-appearance : textfield
}

.select2-container--default .select2-results > .select2-results__options {
    max-height : 200px;
    overflow-y : auto
}

.select2-container--default .select2-results__option[role=group] {
    padding : 0
}

.select2-container--default .select2-results__option[aria-disabled=true] {
    color : #999
}

.select2-container--default .select2-results__option[aria-selected=true], .select2-container--default .select2-results__option[data-selected=true] {
    background-color : #ddd
}

.select2-container--default .select2-results__option .select2-results__option {
    padding-left : 1em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__group {
    padding-left : 0
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option {
    margin-left  : -1em;
    padding-left : 2em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left  : -2em;
    padding-left : 3em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left  : -3em;
    padding-left : 4em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left  : -4em;
    padding-left : 5em
}

.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option {
    margin-left  : -5em;
    padding-left : 6em
}

.select2-container--default .select2-results__option--highlighted[aria-selected], .select2-container--default .select2-results__option--highlighted[data-selected] {
    background-color : #0073aa;
    color            : #fff
}

.select2-container--default .select2-results__group {
    cursor  : default;
    display : block;
    padding : 6px
}

.select2-container--classic .select2-selection--single {
    background-color  : #f7f7f7;
    border            : 1px solid #aaa;
    border-radius     : 4px;
    outline           : 0;
    background-image  : -webkit-gradient(linear, left top, left bottom, color-stop(50%, #fff), to(#eee));
    background-image  : -webkit-linear-gradient(top, #fff 50%, #eee 100%);
    background-image  : linear-gradient(to bottom, #fff 50%, #eee 100%);
    background-repeat : repeat-x
}

.select2-container--classic .select2-selection--single:focus {
    border : 1px solid #0073aa
}

.select2-container--classic .select2-selection--single .select2-selection__rendered {
    color       : #444;
    line-height : 28px
}

.select2-container--classic .select2-selection--single .select2-selection__clear {
    cursor       : pointer;
    float        : right;
    font-weight  : 700;
    margin-right : 10px
}

.select2-container--classic .select2-selection--single .select2-selection__placeholder {
    color : #999
}

.select2-container--classic .select2-selection--single .select2-selection__arrow {
    background-color           : #ddd;
    border                     : none;
    border-left                : 1px solid #aaa;
    border-top-right-radius    : 4px;
    border-bottom-right-radius : 4px;
    height                     : 26px;
    position                   : absolute;
    top                        : 1px;
    right                      : 1px;
    width                      : 20px;
    background-image           : -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(#ccc));
    background-image           : -webkit-linear-gradient(top, #eee 50%, #ccc 100%);
    background-image           : linear-gradient(to bottom, #eee 50%, #ccc 100%);
    background-repeat          : repeat-x
}

.select2-container--classic .select2-selection--single .select2-selection__arrow b {
    border-color : #888 transparent transparent transparent;
    border-style : solid;
    border-width : 5px 4px 0 4px;
    height       : 0;
    left         : 50%;
    margin-left  : -4px;
    margin-top   : -2px;
    position     : absolute;
    top          : 50%;
    width        : 0
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__clear {
    float : left
}

.select2-container--classic[dir=rtl] .select2-selection--single .select2-selection__arrow {
    border                    : none;
    border-right              : 1px solid #aaa;
    border-radius             : 0;
    border-top-left-radius    : 4px;
    border-bottom-left-radius : 4px;
    left                      : 1px;
    right                     : auto
}

.select2-container--classic.select2-container--open .select2-selection--single {
    border : 1px solid #0073aa
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow {
    background : 0 0;
    border     : none
}

.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b {
    border-color : transparent transparent #888 transparent;
    border-width : 0 4px 5px 4px
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single {
    border-top              : none;
    border-top-left-radius  : 0;
    border-top-right-radius : 0;
    background-image        : -webkit-gradient(linear, left top, left bottom, from(white), color-stop(50%, #eee));
    background-image        : -webkit-linear-gradient(top, #fff 0, #eee 50%);
    background-image        : linear-gradient(to bottom, #fff 0, #eee 50%);
    background-repeat       : repeat-x
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single {
    border-bottom              : none;
    border-bottom-left-radius  : 0;
    border-bottom-right-radius : 0;
    background-image           : -webkit-gradient(linear, left top, left bottom, color-stop(50%, #eee), to(white));
    background-image           : -webkit-linear-gradient(top, #eee 50%, #fff 100%);
    background-image           : linear-gradient(to bottom, #eee 50%, #fff 100%);
    background-repeat          : repeat-x
}

.select2-container--classic .select2-selection--multiple {
    background-color : #fff;
    border           : 1px solid #aaa;
    border-radius    : 4px;
    cursor           : text;
    outline          : 0
}

.select2-container--classic .select2-selection--multiple:focus {
    border : 1px solid #0073aa
}

.select2-container--classic .select2-selection--multiple .select2-selection__rendered {
    list-style : none;
    margin     : 0;
    padding    : 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__clear {
    display : none
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice {
    background-color : #e4e4e4;
    border           : 1px solid #aaa;
    border-radius    : 4px;
    cursor           : default;
    float            : left;
    margin-right     : 5px;
    margin-top       : 5px;
    padding          : 0 5px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove {
    color        : #888;
    cursor       : pointer;
    display      : inline-block;
    font-weight  : 700;
    margin-right : 2px
}

.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover {
    color : #555
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    float : right
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice {
    margin-left  : 5px;
    margin-right : auto
}

.select2-container--classic[dir=rtl] .select2-selection--multiple .select2-selection__choice__remove {
    margin-left  : 2px;
    margin-right : auto
}

.select2-container--classic.select2-container--open .select2-selection--multiple {
    border : 1px solid #0073aa
}

.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple {
    border-top              : none;
    border-top-left-radius  : 0;
    border-top-right-radius : 0
}

.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple {
    border-bottom              : none;
    border-bottom-left-radius  : 0;
    border-bottom-right-radius : 0
}

.select2-container--classic .select2-search--dropdown .select2-search__field {
    border  : 1px solid #aaa;
    outline : 0
}

.select2-container--classic .select2-search--inline .select2-search__field {
    outline            : 0;
    -webkit-box-shadow : none;
    box-shadow         : none
}

.select2-container--classic .select2-dropdown {
    background-color : #fff;
    border           : 1px solid transparent
}

.select2-container--classic .select2-dropdown--above {
    border-bottom : none
}

.select2-container--classic .select2-dropdown--below {
    border-top : none
}

.select2-container--classic .select2-results > .select2-results__options {
    max-height : 200px;
    overflow-y : auto
}

.select2-container--classic .select2-results__option[role=group] {
    padding : 0
}

.select2-container--classic .select2-results__option[aria-disabled=true] {
    color : grey
}

.select2-container--classic .select2-results__option--highlighted[aria-selected], .select2-container--classic .select2-results__option--highlighted[data-selected] {
    background-color : #3875d7;
    color            : #fff
}

.select2-container--classic .select2-results__group {
    cursor  : default;
    display : block;
    padding : 6px
}

.select2-container--classic.select2-container--open .select2-dropdown {
    border-color : #0073aa
}

.select2-drop, .select2-dropdown {
    z-index : 999999 !important
}

.select2-results {
    line-height : 1.5em
}

.select2-results .select2-results__group, .select2-results .select2-results__option {
    margin  : 0;
    padding : 8px
}

.select2-results .description {
    display     : block;
    color       : #999;
    padding-top : 4px
}

.select2-dropdown {
    border-color : #ddd
}

.select2-dropdown--below {
    -webkit-box-shadow : 0 1px 1px rgba(0, 0, 0, .1);
    box-shadow         : 0 1px 1px rgba(0, 0, 0, .1)
}

.select2-dropdown--above {
    -webkit-box-shadow : 0 -1px 1px rgba(0, 0, 0, .1);
    box-shadow         : 0 -1px 1px rgba(0, 0, 0, .1)
}

.select2-container .select2-selection__rendered.ui-sortable li {
    cursor : move
}

.select2-container .select2-selection {
    border-color : #ddd
}

.select2-container .select2-search__field {
    min-width : 150px
}

.select2-container .select2-selection--single {
    height : 32px
}

.select2-container .select2-selection--single .select2-selection__rendered {
    line-height   : 32px;
    padding-right : 24px
}

.select2-container .select2-selection--single .select2-selection__arrow {
    right  : 3px;
    height : 30px
}

.select2-container .select2-selection--multiple {
    min-height    : 28px;
    border-radius : 0;
    line-height   : 1.5
}

.select2-container .select2-selection--multiple li {
    margin : 0
}

.select2-container .select2-selection--multiple .select2-selection__choice {
    padding : 2px 6px
}

.select2-container .select2-selection--multiple .select2-selection__choice .description {
    display : none
}

.select2-container .select2-selection__clear {
    color      : #999;
    margin-top : -1px
}

.select2-container .select2-search--inline .select2-search__field {
    font-family : inherit;
    font-size   : inherit;
    font-weight : inherit;
    padding     : 3px 0
}