2

私は<md-input>要素を持っています:

<md-input class="filter-name-input" [(ngModel)]="name" placeholder="Name"></md-input>

CSSを介してスタイルを適用しようとしています:

md-input {
    height: 2000000px;
}

ブラウザー デバッガーに適用されているスタイルが表示されません。私はこれを不適切に行っていますか？

4

2 に答える 2

1

簡潔な答え

index.html で link タグを使用して、次のようにコンポーネントのスタイルをオーバーライドできます。

<link rel="stylesheet" href="my-global-styles.css">

リンク スタイルは、コンポーネント スタイルによって上書きされません。

長い答え

これは、再利用可能なコンポーネントのスタイルを分離する Angular 2 のViewEncapsulationによるものです。個々のコンポーネントからのスタイルが漏れてアプリ内の他のコンポーネントに影響を与えるのを防ぎますが、コンポーネントの実装者によって明示的に許可されていない場合、コンポーネントのスタイルを設定することもできなくなります。

次の記事が役立つ場合があります。

于 2016-09-07T22:09:25.857 に答える