MVCの検証の入力検証エラーCSSが動作しません

Question

朝

私は、入力ボックスのために、すでにクラスを持っているとき、私は仕事への入力検証エラーのCSSを取得することはできません。

<%=Html.TextBox("FirstName", null, new { @Class = "text" })%>
<%=Html.ValidationMessage("FirstName", new { @style = "color: red;", @Class = "errorInValid" })%>

iを取り出す場合は、新しい{@class = "テキスト"}次に

.input-validation-error
{
    border: 1px solid #ff0000 !important;
    background-color: red !important;     
}

上記のCSSの作品ます。

ヘルプ

について、 ピート

事前のおかげで（私はCSSでがらくただ）

Answer 1

そうでもない答えが、クラスは、CSSに適用されますかの順序をチェックしてみてください。

入力検証エラーは、通常、

のような他のクラスの前にレンダリング

<input type="text" class="input-validation-error text-box single-line">

放火犯で終わりでそれを入れてみてくださいと何かが変わるかどうかを確認 - 。おそらくそれは別のルールでのoverwritteを取得

あなたの.textクラスが定義されているのか分からない - あなたもそうのフォーム.inputバリデーションエラーのようにのの .input検証エラーを定義しようとすることができそれは自動的に高い重要性を獲得します。

これは間違いなく、カスケード問題です。

Answer 2

.input検証エラーと.input.input検証エラーの両方のクラスを追加します。