Text box borders are invisible

Most of the contact form text boxes has invisible borders, except one. All text boxes use the same class ‘wpcf7-form-control’. I have tried setting the border manually in my theme option custom css, but did not work. Does anyone know how to get the text box border to appear?

[ Moderator note: please wrap code in backticks or use the code button. Do not use blockquote. ]

.wpcf7-form-control-wrap
{
border:1;
border-color:#000;
}

<p>
Your Name (required)

<span class="wpcf7-form-control-wrap your-name">
<input class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" type="text" aria-invalid="false" aria-required="true" size="40" value="" name="your-name">
</span>
</p>
<p>
Your Email (required)

<span class="wpcf7-form-control-wrap your-email">
<input class="wpcf7-form-control wpcf7-text wpcf7-email wpcf7-validates-as-required wpcf7-validates-as-email" type="email" aria-invalid="false" aria-required="true" size="40" value="" name="your-email">
</span>
</p>
<p>
Wedding Date

<span class="wpcf7-form-control-wrap your-subject">
</p>
<p>
Your Message

<span class="wpcf7-form-control-wrap your-message">
</p>

https://wordpress.org/plugins/contact-form-7/