javascript - On Click Select drop down font color issue?

Question

        $(".menu > div").click(function(){
  $(".menu > div.selected").removeClass("selected");
  $(this).addClass("selected")
})
            $(".menu1 > div").click(function(){
  $(".menu1 > div.selected1").removeClass("selected1");
  $(this).addClass("selected1")
})

.botborder2{border-bottom:1px solid rgba(120,120,120,1) !important; border-top:0px; border-left: 0px; border-right: 0px; }
.currn-box {
    background-color:rgb(240, 240, 240) !important;
    color:rgb(130,130,130) !important;
    padding: 30px;
    height: 90px;
    min-height: 90px;
    max-height: 90px;
  margin: 10px 4px;
    word-wrap: break-word;
    cursor: pointer;
       border-radius: 4px;
    text-align: center;
}
.currn-box:hover{
    background-color: blue !important;
    color:#FFFFFF !important;
}
.currn-select5 {


    background-color: rgb(240, 240, 240) !important;
    color: rgb(130, 130, 130) !important;
    cursor: pointer;
    padding: 20px !important;
    margin: 10px 4px;
   
    border-bottom: 0px solid #f0f0f0 !important;
    text-align: center;
    border-radius: 4px;
    height: 90px;
    min-height: 90px;
    max-height: 90px;

}
.currn-select5:hover, .select-color:hover {


   background-color: blue !important;
    color:#FFFFFF !important;  
    cursor: pointer;
}

.select-color {
    color: rgb(130, 130, 130) !important;
    border-bottom: 1px solid #fff !important; 
    
    
}
.select-color:hover{
     border-bottom: 1px solid #fff !important; 
    
}
.selected {
  color: #FFFFFF !important;
  background-color: blue !important;
  box-shadow: 0px 0px 4px rgb(130, 130, 130) !important;
  border-radius: 8px;
  margin: 10px 4px;
    
}
select .selected1, .select-color {
  color: #FFFFFF !important;
  background-color: transparent;   
  border-bottom: 2px solid #ffffff !important; 


}

.nobackground{ background-color:none !important; background:none !important;}
.noround2{border-radius: 0px 0px 0px 0px !important;}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<div class="row menu" style="padding: 15px;margin: 0px auto;" >
                                  
                                   <div class="col-2 currn-box">
                                       <i class="fas fa-dollar-sign"></i><br> USD
                                   </div>
                                   
                                   <div class="col-2 currn-box">
                                    <i class="fas fa-pound-sign"></i><br> POUND
                                   </div>
                                   
                                   
                                   
                              
                                   
                                 
                                   
                                  
                             
                                 
                                 
                                       
                                      
                                     
                                    
                                        
                            <div class="col-4 currn-select5 menu1">
                                           <select class="select-color form-control nobackground noround2 botborder2">

                                        <option class="currn-select" value="" style="color: #000 !importants;">OTHER CURR..</option>
                                       
                                       
                                        <option value="&#x0024; Canadian Dollar" class="currn-select" value="" style="color: #000 !importants;">&#x0024; Canadian Dollar </option>
                                       
                                       
                                        
                                      
                                      
                                        <option value="&#36; Hong Kong Dollar" class="currn-select" value="" style="color: #000 !importants;">&#36; Hong Kong Dollar </option>
                                        <option value="&#165; Japanese Yen" class="currn-select" value="" style="color: #000 !importants;">&#165; Japanese Yen</option>
                                        
                                    </select>
                                   </div>
                                   
                                       
                                       
                                   </div>

question from:https://stackoverflow.com/questions/66058519/on-click-select-drop-down-font-color-issue

Answer 1

Waitting for answers