/TypeScript/Select2 .select2-results .select2-highlighted

Select2 .select2-results .select2-highlighted

$(document).ready(function() {
    $("#menuOption1").select2({dropdownParent: "#menuOption1-container"});
    $("#menuOption2").select2({dropdownParent: "#menuOption2-container"});
});

Source: stackoverflow.com

Select2 .select2-results .select2-highlighted

<span id="menuOption1-container">
    <select id="menuOption1"> 
        <option value="1"> One </option>
        <option value="2"> Two </option>
        <option value="3"> Three </option>
        <option value="4"> Four </option>
        <option value="5"> Five </option>
    </select>
</span>

<span id="menuOption2-container">
    <select id="menuOption2"> 
        <option value="a"> Vowel a </option>
        <option value="e"> Vowel e </option>
        <option value="i"> Vowel i </option>
        <option value="o"> Vowel o </option>
        <option value="o"> Vowel u </option>
    </select>
</span>

Source: stackoverflow.com

Select2 .select2-results .select2-highlighted

#menuOption1-container  .select2-results__option--highlighted {
    background-color: #50831F !important;
}

#menuOption2-container  .select2-results__option--highlighted {
   background-color: #28915F !important;
}

Source: stackoverflow.com

Similar codes

0 vote335 views1 answer
Angular Workspace
TypeScript
4 votes260 views1 answer
Typescript define return type based on parameter
TypeScript
1 vote272 views1 answer
Angular change element style on click
TypeScript
7 votes328 views5 answers
Reactnative typescript
TypeScript
0 vote304 views1 answer
Typescript namespace example
TypeScript
0 vote299 views2 answers
Does word start with vowel typescript
TypeScript
2 votes300 views2 answers
Material form
TypeScript
3 votes407 views1 answer
Google sheets remove first character
TypeScript
1 vote310 views2 answers
Gets syntax
TypeScript
0 vote334 views1 answer
Como agregarle un rango a mat-datapicker
TypeScript