textarea边界不在css工作

Question

我正在尝试放入css textarea边框属性。但我似乎无法让它发挥作用 - 没有边框显示。如果它有所不同，这是在Angular2中。一旦我开始工作，我也希望将cols和rows属性移动到CSS。我知道我有2个边界 - 希望看到其中一个边界。我真的只想要大纲。

＆＃13;

＆＃13;

    payload-entry {
      border: 1px solid black;
      outline: 5px dotted red;
    }

＆＃13;

<textarea mdInput ng-attr-placeholder="Payload" rows="4" cols="50" class="payload-entry"  [formControl]="apiTestForm.controls['payload']"></textarea>

＆＃13;

＆＃13;

＆＃13;

Answer 1

要将CSS分配给类，必须在类前面加上句点。在这种情况下，而不是

   payload-entry {
      border: 1px solid black;
      outline: 5px dotted red;
    }

使用

   .payload-entry {
      border: 1px solid black;
      outline: 5px dotted red;
    }

如果您有id="this-textarea"，则会使用英镑符号。

   #this-textarea {
      border: 1px solid black;
      outline: 5px dotted red;
    }