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
Vous devez vous connecter pour publier un commentaire.
Vous suffit d'ajouter quelques règles de style pour votre formulaire sélectionnez le menu déroulant. Aucun des règles css ci-dessus aura pour cible le formulaire de sélection de l'élément.
Beaucoup d'articles sur ce:
http://css-tricks.com/dropdown-default-styling/
http://bavotasan.com/2011/style-select-box-using-only-css/
il suffit d'ajouter le formulaire de contact 7 de la classe en tant que telle: