在textarea Angular中应用样式

Question

我是Angularjs＆amp; Angular Material，我正在这样的textarea中进行验证：

<md-content flex layout="column">
<label flex>Comments</label>
<textarea required="" placeholder="Los comentarios son necesarios." cols='23' rows='3' flex ng-model="vm.blog_comments">{{vm.blog_comments}}</textarea>
                  <style>
                        textarea.ng-invalid {
                        background-color:pink;
                        }
                        textarea.ng-valid {
                        background-color:transparent;
                        }
                   </style>
            </md-content>

这有效，但我需要在css文件中应用样式。你能帮帮我吗？