テキストエリアの境界線がCSSで機能しない

Question

私はCSSのtextarea境界線の属性を入れようとしています。しかし、私はそれが動作するようになっていないようです - 国境の表示はありません。違いがある場合、これはAngular2になります。私がそれを働かせたら、私はcolsとrows属性をCSSにも移動したいと思います。私は2つの国境を持っていることを知っている - これは、うまくいけば、それらのいずれかを参照してくださいでした。私は本当にアウトラインがほしいだけです。

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

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

Answer 1

クラスにCSSを割り当てるには、次の期間で、クラスの前に付ける必要があります。あなたがid="this-textarea"を持っていた場合、代わりに

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

使用

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

のこのケースでは、代わりにシャープ記号を使用します。

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