0

私は MEANjs と Bootstrap の初心者です。

MEANjs に付属する標準の core.css にカスタム テーマ スタイルを追加しようとしています。

CSS で、'background:"blue" !important' 属性を svg スタイルに追加したことがわかります。ただし、背景は青に設定されていません。

これは、core.css ファイルが、コア モジュールのテーマを配置する場所ではないことを意味していると思いますが、これがどこにあるのかはよくわかりません。

ヒントやポインタをいただければ幸いです。

/core/css/core.css

.content {
    margin-top: 50px;
}
.undecorated-link:hover {
    text-decoration: none;
}
[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}
.ng-invalid.ng-dirty{
    border-color:#FA787E;
}
.ng-valid.ng-dirty{
    border-color:#78FA89;
}

.visualization{
    border-radius:10;
    border-color:"green";
    background:"blue" !important;
}

svg{
    height:100%;
    width:100%;
    fill:"blue" !important;
}

/core/views/home.client.view.html

<section data-ng-controller="HomeController" data-ng-init="init()">
    <div class="jumbotron text-center">
        <svg
            ng-controller="VisualizationController"
            class="visualization"
            id="visualization_0"
            height="500"
            width="500">
            <circle cx="50" cy="100" r="40" stroke="black" stroke-width="3" fill="red"></circle>
        </svg>
    </div>
</section>
4

3 に答える 3

0

開発環境でさえ、醜い縮小版の CSS を使用していると思います。

次の grunt コマンドを使用します。

grunt build

これにより、表示している css を更新する uglify と cssmin が実行されます。

于 2015-04-08T22:14:37.537 に答える
0

あなたの MEAN コードは正しく、CSS は間違っていると思います。やってみました：

svg path {
    fill: blue;
}​

MEAN が CSS を処理する方法が好きではないことを認めなければなりません。奇妙なフォルダー構造に強制され、ファイルが連結されます。LESSCSS を使用してブートストラップ ソースからビルドし、カスタム モジュールを含めることをお勧めします。

于 2015-02-12T09:18:36.320 に答える