WordPress formulaire de contact 7 menu déroulant style de problème

Mon thème WordPress utilise un arrière-plan sombre et tout va bien sur ma page de contact, sauf lorsque j'utilise le menu déroulant dans le formulaire de contact 7. Ensuite, il devient un style de problème avec seulement cette zone.

http://www.unaneary.co.uk/?page_id=23

Dans le formulaire de contact 7 panneau, c'est ma ligne de code:-

Si votre demande est spécifique, veuillez choisir dans la liste

[sélectionnez menu-672 "Photoshop", "l'Édition de Contenu Web" "Général de frappe ou Admin" "IL" "Ebay de Négociation"]

si ma conjecture est, j'ai besoin de mettre une sorte de codage supplémentaire dans le style.css

Il est probablement vraiment facile, mais je suis nouveau sur des formulaires de contact et m'a dit d'utiliser le Formulaire de Contact 7, il est vraiment facile
Donc, je dois avoir un "mauvais codage jour"

De votre aide serait grandement apprécié que je viens de passer quelques heures à me gratter la tête au cours de cette ie l'ajout de différentes lignes de code pour le style.css, mais la zone de liste déroulante apparaît toujours avec cette lumière boîte grise 🙁

Ici est la section de formes de style.
Les FORMES

    fieldset {
border: none;
}
form {
background: #22211f;
padding: 20px;
}
form ul {
list-style: none;
}
form ul li {
padding-bottom: 10px;
}
form.contact {
width: 550px;
}
label {
text-transform: uppercase;
color: #999;
font-size: 12px;
}
input[type="text"],  input[type="email"],  input[type="tel"],  input[type="url"],  input[type="file"],  textarea {
background: #3c3a39 url(images/bg-input.png);
border: 1px solid #252321;
-webkit-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);
-moz-box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);
box-shadow: 0px 1px 0px rgba(255, 255, 255, 0.1);
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
font-size: 14px !important;
width: 220px;
padding: 7px !important;
}
input[type="submit"] {
color: #fff;
background: url(images/bg-button-gold.png);
padding: 7px 18px 7px;
display: inline-block;
margin-top: 10px;
margin-right: 15px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
cursor: pointer;
text-transform: uppercase;
font-size: 14px;
border: none;
}
input:focus, textarea:focus {
background: #3c3a39 url(images/bg-input-ro.png);
}
textarea {
width: 480px;
height: 150px;
padding: 7px !important;
font-size: 14px !important;
}
#submit-comment {
float: right;
}
  • Généralement, il n'est pas simple, comme CSSing un élément de saisie. Je vous recommande d'utiliser les jQuery Selectric
InformationsquelleAutor UnaN | 2015-01-30