2016-05-17 14 views
0

角度のある素材を使用し始めました(私はブートストラップに慣れています)、奇妙なことに気づいています。私は自分のページ上に置かれたとき、私はmd-datepickerのためのライブラリを使用しています、しかし、私は彼らがピッカーに背景色を設定した気づい:角度素材が背景色を設定するのはなぜですか?

md-datepicker.md-default-theme, md-datepicker { 
    background: rgb(255,255,255); 
} 

しかし、私のサイトのための私のバックグラウンドはそうそこに、青色であります日付ピッカーの上に浮かぶ白いボックスに過ぎず、ひどく見えます。なぜ彼らは最初にこの価値を設定するのだろうか?それを透明にして、サイトや背景色で使うことができますか?

これは自分のCSSでこれらのスタイルをオーバーライドする必要があるため、これは私の人生をもっと難しくしているようです。

誰かがこれを行う理由を説明してもらえますか?

答えて

3

考えられるすべての設計要件を満たすライブラリを書く私は非常に難しい注文だと考えています。

これはウェブをすごく驚くほどにするもので、すべてがオープンソースであり、あなたが好きなだけハックすることができます。

しかし、あなたが必要なものを変更するためにハードコアソースコードを掘る必要はありません。そのため、角度材料ライブラリにはCSSライブラリ(css mixin)が付属しています。

あなたが編集することができ、その後、再コンパイルすることができ、角度-material.scssファイルがある亭で角度-材料を得た場合、あなたが探している行番号が2615の周りにある:

// Floating pane that contains the calendar at the bottom of the input. 
.md-datepicker-calendar-pane { 
    position: absolute; 
    top: 0; 
    left: 0; 
    z-index: $z-index-menu; 

    border-width: 1px; 
    border-style: solid; 
    background: transparent; 

    transform: scale(0); 
    transform-origin: 0 0; 
    transition: transform $md-datepicker-open-animation-duration $swift-ease-out-timing-function; 

    &.md-pane-open { 
    transform: scale(1); 
    } 
} 
2

アンギュラマテリアルは、テーマのコンセプトによって角度素材に実装された非常に特殊なカラーガイドラインを持つマテリアルデザインに基づいているため、理由は何ですか?背景色を制御するには、CSSを使用し、テーマを設定することもできます。このトピックでは、テーマの使用方法の詳細について説明しています。https://material.angularjs.org/latest/Theming/03_configuring_a_theme

関連する問題