title: Impossible to style a textarea generated by a Wordpress contact form plugin!
body: <p>In <a href="http://widerdesign.com.tw/contact/" rel="nofollow noreferrer">this page</a>, I'm trying to style a <strong>textarea</strong> generated by <a href="http://wordpress.org/extend/plugins/contact-form-7/" rel="nofollow noreferrer">Contact Form 7</a>, but it doesn't matter what I do I can't.</p>
  
  <p>code:</p>
  
  <p><strong>CSS:</strong></p>
  
  <pre><code>.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;
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>                &lt;div class="wpcf7" id="wpcf7-f1-p2-o1"&gt;&lt;form action="/wordpress/?page_id=2#wpcf7-f1-p2-o1" method="post" class="wpcf7-form"&gt;
  &lt;div style="display: none;"&gt;
  
  &lt;input type="hidden" name="_wpcf7" value="1" /&gt;
  &lt;input type="hidden" name="_wpcf7_version" value="2.3.1" /&gt;
  &lt;input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f1-p2-o1" /&gt;
  &lt;/div&gt;
  &lt;p&gt;Your Name (required)&lt;br /&gt;
      &lt;span class="wpcf7-form-control-wrap your-name"&gt;&lt;input type="text" name="your-name" value="" class="wpcf7-text wpcf7-validates-as-required" size="40" /&gt;&lt;/span&gt; &lt;/p&gt;
  &lt;p&gt;Your Email (required)&lt;br /&gt;
      &lt;span class="wpcf7-form-control-wrap your-email"&gt;&lt;input type="text" name="your-email" value="" class="wpcf7-text wpcf7-validates-as-email wpcf7-validates-as-required" size="40" /&gt;&lt;/span&gt; &lt;/p&gt;
  &lt;p&gt;Subject&lt;br /&gt;
      &lt;span class="wpcf7-form-control-wrap your-subject"&gt;&lt;input type="text" name="your-subject" value="" class="wpcf7-text" size="40" /&gt;&lt;/span&gt; &lt;/p&gt;
  
  &lt;p&gt;Your Message&lt;br /&gt;
      &lt;span class="wpcf7-form-control-wrap your-message"&gt;&lt;textarea name="your-message" cols="40" rows="10"&gt;&lt;/textarea&gt;&lt;/span&gt; &lt;/p&gt;
  &lt;p&gt;&lt;input type="submit" value="Send" class="wpcf7-submit" /&gt;&lt;img class="ajax-loader" style="visibility: hidden;" alt="Sending ..." src="http://localhost/wordpress/wp-content/plugins/contact-form-7/images/ajax-loader.gif" /&gt;&lt;/p&gt;
  &lt;div class="wpcf7-response-output wpcf7-display-none"&gt;&lt;/div&gt;&lt;/form&gt;&lt;/div&gt;
  
  
  
  
  
      &lt;p&gt;&lt;/p&gt;
  </code></pre>