検証エラーでスタイルを適用できません

私はasp.net mvcを学習しています。5.検証エラーのスタイルを設定しようとしていますが、失敗します。これは、validation errorsをスタイルすると思われる私のCSS（Style.cssファイル）です。検証エラーでスタイルを適用できません

.field-validation-error { 
    color: red; 
} 

.input-validation-error { 
    border: 2px solid red; 
}

そして、ここで私はかみそりの構文で私の検証メッセージを作成する方法である：

@Html.ValidationMessageFor(m => m.Customer.Name)

しかし、これは私が得る結果である：あなたは何のスタイルを見ることができたよう

検証エラーで適用されています。

私はこの種の問題でstackoverflowでいくつかの問題を見つけましたが、解決策のどれも実際に私を助けませんでした。ありがとうございました！

2017-07-12 Revolution

追加 'important'！あなたのCSSで。例えば、 'color：red！important;' –

@BasantaMatiaそれはうまくいかなかった！私は同じ結果を得る。 – Revolution

それは動作するはずです。ブラウザのキャッシュをクリアしてもう一度読み込み、チェックしてください。 –

！importantプロパティを使用してデフォルトのCSSを上書きできます。例えば、

.field-validation-error { 
    color: red !important; 
} 
.input-validation-error { 
    border: 2px solid red !important; 
}

は、それが役立ちます:)

2017-07-12 12:41:04

!importantでオーバーライドCSSルールが機能しますが、つまり、あなたがする場合は、それらのスタイルを上書きすることはほとんど不可能になるので、私はそれを使用しないように助言するホープ将来的にそれを必要とする。

代わりに（たとえばmy-validation-error用）カスタムCSSクラスを作成し、次のCSSルールを追加します

.field-validation-error.my-validation-error { 
    color: red; 
}

を次に単に検証メッセージのヘルパーで、このクラスを使用します。

@Html.ValidationMessageFor(m => m.Customer.Name, new { @class ="my-validation-error"})

2017-07-12 13:02:52

答えて