/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

2 votes210 views1 answer
Input event typescript
TypeScript
0 vote169 views1 answer
Reach router path typescript error
TypeScript
37 votes223 views5 answers
Create react project with typescript
TypeScript
0 vote186 views1 answer
When new item added in array its not refreshing the list in ember
TypeScript
0 vote188 views1 answer
Remove white border around components angular
TypeScript
1 vote186 views1 answer
Geting request header in loopback4
TypeScript
0 vote182 views1 answer
Types of pacemaker
TypeScript
0 vote194 views1 answer
Stats normal
TypeScript
0 vote171 views1 answer
Check if all elements in array can be divided by python
TypeScript
0 vote140 views1 answer
Change div with css
TypeScript