wie TextArea- machen wie Eingabe sieht [Text] auf Formular ungültig

Question

Dies ist, wie mein Textfeld wie auf ungültig aussieht, wie es seine area per Bit zu machen (mit kleineren Grenze arround)

Es soll sehen Sie aus wie das Bild unten.

ich die folgenden CSS verwendet, aber nicht funktioniert.

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

textarea:required { 
    box-shadow: none; 
} 

Ausführung: -

<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> 

Answer 1

ist die Lösung: -

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

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

Answer 2

hinzufügen outline: none; zu textarea wird es Schatten für die textarea entfernen werden.

textarea:required { 
    box-shadow: none; 
    outline: none; //Added this 
} 

Answer 3

versuchen Sie dies. Diese

textarea:required { 
    box-shadow: none; 
    resize: none; 
}