名前空間の材質スタイル

Question

角度1.4.3と角度材1.0.5を使用して再利用可能なコンポーネントを作成しようとしています。これらのコンポーネントをさまざまなアプリケーションに統合できるという考えがあります。

しかし、私がここで直面している問題は、AngularマテリアルCSSが、消費するアプリケーションのスタイルが上書きされるため、html、bodyなどの汎用要素に適用される特定のスタイルを持っていることです。

これをもっと明確にするために、 'body'、 'html'、 'input'タグに独自のスタイルを持つサンプルアプリケーションAを考えてみましょう。このアプリケーションには、自分のカスタムコンポーネントのCSSとJSが含まれ、再利用可能なコンポーネントを取得します。その間、アプリケーションAは独自のスタイルを失います。アプリケーションAのスタイルは、自分が所有していないので、「大切」にすることはできません。

この問題を解決するために、斜めの素材スタイルを名前を付けてみました。しかし、それは実際に問題を解決していないし、私の角物質指向のほとんどは機能していないようです。

角度のある物質のgithubの問題を確認しようとしましたが、これには適切な解決策がありません。

https://github.com/angular/material/issues/6369

https://github.com/angular/material/issues/469

適切な角度材料のスタイルを名前空間に方法はあり ？助けてください。

Answer 1

私が正しく理解していても、あなた自身のスタイルで!importantを使用すると、Ngマテリアルによって設定されたものより優先されるはずです。

あなたは

input { 
    font-family: Tahoma !important; 
} 

にリンクされている例の一つを取るしかし、本当に必要な時だけ!importantを使用することを忘れないように。このように、オーバーライドする必要のあるスタイルを制御できないとき。