Select2 Multi-select Result CSS

Michael McElwee

#113207

Hi Trevor

I’m trying to style the results of the Select2 Multi-select. Have tried a number of variations from simple to complex with no result.

li.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #F58634;
    border-radius: 0;
}

.select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #F58634;
    border-radius: 0;
}

.select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #F58634;
    border-radius: 0;
}

I’ve tried changing it directly in the search-fitler.min.css file as well.

Suggestions? They are Comboboxes as well, but wouldn’t think that would influence it, would it?

Thanks
Mike

Add New Note to this Reply

Trevor Moderator

#113233

Hi

Can you show me the page/link/URL where the search form with the above CSS is to be applied?

Add New Note to this Reply

Michael McElwee

#113258

This reply has been marked as private.

Add New Note to this Reply

Trevor Moderator

#113296

Can you try with this added specificity (your theme seems to be setting the color):

.searchandfilter select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #F58634;
    border-radius: 0;
}
.searchandfilter .select2-container--default .select2-selection--multiple .select2-selection__choice {
    background-color: #F58634;
    border-radius: 0;
}
.searchandfilter .select2-container--default .select2-results__option[aria-selected=true] {
    background-color: #F58634;
    border-radius: 0;
}

Add New Note to this Reply

Michael McElwee

#113310

.searchandfilter .select2-container–default .select2-selection–multiple .select2-selection__choice {
background-color: #F58634;
border-radius: 0;
}

Works perfectly – thanks = resolved

Add New Note to this Reply

[Author]

Posts