获取特定元素的CSS结构

Question

我在尝试修改wordpress主题的样式时遇到问题。我的联系表单的输入框将字符显示为空白，因此您无法看到该文本。这真的很奇怪，因为我可以在另一个元素中正确地看到这些框。

这是代码：

<div class="wpcf7" id="wpcf7-f146-p26-o1"><form action="/imperial/wordpress-3.2.1/wordpress/?page_id=26#wpcf7-f146-p26-o1" method="post" class="wpcf7-form">
<div style="display: none;">
<input type="hidden" name="_wpcf7" value="146" />
<input type="hidden" name="_wpcf7_version" value="3.1" />
<input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f146-p26-o1" />
<input type="hidden" name="_wpnonce" value="944adfc593" />
</div>
<p >Nombre (Requerido)<br />
    <span class="wpcf7-form-control-wrap your-name"><input type="text" name="your-name" value="" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" size="40" /></span> </p>
<p >Email (Requerido)<br />

    <span class="wpcf7-form-control-wrap your-email"><input type="text" name="your-email" value="" class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" size="40" /></span> </p>
<p >Tema<br />
    <span class="wpcf7-form-control-wrap your-subject"><input type="text" name="your-subject" value="" class="wpcf7-form-control wpcf7-text" size="40" /></span> </p>
<p >Mensaje<br />
    <span class="wpcf7-form-control-wrap your-message"><textarea name="your-message" class="wpcf7-form-control  wpcf7-textarea" cols="40" rows="10"></textarea></span> </p>
<p >[Enviar"Send"]</p>
<div class="wpcf7-response-output wpcf7-display-none"></div></form></div>

具体元素是

<span class="wpcf7-form-control-wrap your-name"><input type="text" name="your-name" value="" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" size="40" /></span> </p>
<p >Email (Requerido)<br />

它显示为空白，因此我需要一些帮助来尝试修改此内容。