I am using the html "select"

const selectedvalue = "male"
<select>
    <option className={selectedvalue == "male" ? "selectedoption" : } selected={selectedvalue == "male" ? "selected" : false} value={"male"}>male</option>
    <option className={selectedvalue == "female" ? "selectedoption" : false} selected={selectedvalue == "female" ? "selected" : false}value={"female"}>female</option>
</select>

CSS Code:

.selectedoption{
   color: #DB1962;
   background-image: url("my base 64 code")
 }
 option:hover{
   background-color: "#FFF"  
 }

I am using the background color for option hover, but still i am getting the default background color on hover.

And on the Selected value with selectedoption class i can able to get the color but image i am not able to get I want the Tick icon to be displayed on the selected option.

Thanks in Advance.