changer la couleur d'arrière-plan de la liste déroulante

J'édite un site Web écrit par un ancien employé qui n'est plus dans l'entreprise, on me demande d'ajouter une liste déroulante sur le site Web. L'ajout d'une liste déroulante est très simple, mais la couleur d'arrière-plan de cette liste déroulante est toujours grise, bien que lorsque je place la liste déroulante sur un bloc-notes et que je l'enregistre au format html, l'arrière-plan apparaît en blanc dans le navigateur. J'ai fait toute la recherche de feuille de style pour l'option select, mais je n'ai rien trouvé qui change la couleur grise de la liste déroulante, il y a des tonnes de feuilles de style et de références de fichiers javascript dans le code. Je suis très nouveau sur CSS. J'ai décidé de mettre ma propre feuille de style pour écraser cette couleur grise, la couleur d'arrière-plan de la liste déroulante est passée à la couleur blanche, la couleur que je voulais, mais les bords et le signe déroulant sont toujours gris. Est-ce leur façon, Je peux forcer l'arrière-plan de couleur while sur la liste déroulante sans changer la feuille de style. Ci-dessous, mon code et ma feuille de style et l'image de la liste déroulante :

<div class="ui-block-b ui-margins" > <label for="nname">Gender</label>

<select id="nname" class="specialcolor">

      <option  value="Male">Male</option>

      <option  value="Female">Female</option>

    </select>

</div>

style sheet is :

<style>

  .specialcolor{

background-color:white !important;

}

</style>

C'est l'image :

Comme vous pouvez le voir, la zone déroulante interne est blanche, sinon le reste est gris. Je veux que la zone soit totalement blanche. Toute aide sera fortement appréciée.