Estoy trabajando en el menú desplegable que funciona bien. después de seleccionar la opción del menú desplegable, el color de fondo cambió (lima). ahora me concentro en otra opción cuyo color cambió (mango). en este escenario, tanto el color mango como el color lima se ven iguales. Cómo eliminar el color de fondo de la opción seleccionada cuando se enfoca en otro

código:

 <select> <option value="grapefruit">Grapefruit</option> <option value="lime">Lime</option> <option value="coconut">Coconut</option> <option value="mango">Mango</option> </select> select option:hover, select option:focus, select option:active { background: linear-gradient(#000000, #000000); background-color: #000000 !important; /* for IE */ color: #ffed00 !important; } select option:checked { background: linear-gradient(#d6d6d6, #d6d6d6); background-color: #d6d6d6 !important; /* for IE */ color: #000000 !important; }