2010-09-08 31 views
1

this page,我試圖設計一個textarea生成的Contact Form 7,但不管我做什麼我都做不到。不可能設計由Wordpress聯繫人表單插件生成的textarea!

代碼:

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> 

回答

3

該CSS的第一行應該是

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

當你的代碼實際上是這個類的時候,你的代碼就好像該表單的ID爲wpcf7-form一樣。另外,將散列更改爲其他樣式聲明的句點。

相關問題