Impossible de styliser une zone de texte générée par un plugin de formulaire de contact Wordpress!

Question

Dans this page, j'essaie de style textarea généré par Contact Form 7, mais peu importe ce que je fais je ne peux pas.

code:

CSS:

.wpcf7-form input, #wpcf7-form textarea { 
    border-color: #808080 #C0C0C0 #C0C0C0 #D4D4D4; 
    border-style: solid; 
    border-width: 1px; 
    margin: 0 400px 10px 0; 
    padding: 5px; 
    width: 350px; 
} 
#wpcf7-form textarea { 
    margin: 0 400px 20px 0; 
} 

HTML:

   <div class="wpcf7" id="wpcf7-f1-p2-o1"><form action="/wordpress/?page_id=2#wpcf7-f1-p2-o1" method="post" class="wpcf7-form"> 
<div style="display: none;"> 

<input type="hidden" name="_wpcf7" value="1" /> 
<input type="hidden" name="_wpcf7_version" value="2.3.1" /> 
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f1-p2-o1" /> 
</div> 
<p>Your Name (required)<br /> 
    <span class="wpcf7-form-control-wrap your-name"><input type="text" name="your-name" value="" class="wpcf7-text wpcf7-validates-as-required" size="40" /></span> </p> 
<p>Your Email (required)<br /> 
    <span class="wpcf7-form-control-wrap your-email"><input type="text" name="your-email" value="" class="wpcf7-text wpcf7-validates-as-email wpcf7-validates-as-required" size="40" /></span> </p> 
<p>Subject<br /> 
    <span class="wpcf7-form-control-wrap your-subject"><input type="text" name="your-subject" value="" class="wpcf7-text" size="40" /></span> </p> 

<p>Your Message<br /> 
    <span class="wpcf7-form-control-wrap your-message"><textarea name="your-message" cols="40" rows="10"></textarea></span> </p> 
<p><input type="submit" value="Send" class="wpcf7-submit" /><img class="ajax-loader" style="visibility: hidden;" alt="Sending ..." src="http://localhost/wordpress/wp-content/plugins/contact-form-7/images/ajax-loader.gif" /></p> 
<div class="wpcf7-response-output wpcf7-display-none"></div></form></div> 





    <p></p> 

Answer 1

La première ligne de ce css devrait être

.wpcf7-form input, .wpcf7-form textarea { 

Votre code le traitait comme si le formulaire avait l'ID wpcf7-form lorsque c'est réellement la classe. En outre, modifiez le hachage à une période pour l'autre déclaration de style.