how to make textarea looks like input[text] on form invalid

Issue

This is how my textarea looks like on invalid, how to make it bit like textboxes (with smaller border arround)

It should look like the below image.

I used the below css but not working.

textarea:focus:required:invalid {
    background-color: lightyellow;
}

textarea:required {
    box-shadow: none;
}

Design:-

<asp:TextBox ID="txtName" runat="server" placeholder="First Name" CssClass="mytxtCalendar required" MaxLength="30"></asp:TextBox>
<asp:TextBox ID="txtAddress" runat="server" placeholder="Correspondence Address" Height="50px" TextMode="MultiLine" CssClass="mytxtCalendar required" MaxLength="120"></asp:TextBox>

Solution

This is the solution:-

textarea.mytxtCalendar.required {
    box-shadow: none;
}

    textarea.mytxtCalendar.required:focus {
        background-color: lightyellow;
    }

Answered By - Sunil Chaudhry