ASP .NET MVC5 - CSS樣式發出─「@ Html.ValidationMessageFor」

我的問題是一個造型服務器生成驗證消息，填充顯示消息之前的背景顏色產生，當填充被移除時，背景色不再可見。ASP .NET MVC5 - CSS樣式發出─「@ Html.ValidationMessageFor」

我想在用於造型的目的代碼的填充，但是沒有示出的任何內容或背景顏色，因爲這是一個驗證消息，這裏是代碼如下：

<div class="validate">@Html.ValidationMessageFor(m => m.Email)</div>

CSS：

.validate {color:#ecf0f1;font-size:.9em;background-color:#e74c3c;padding:10px;}

驗證之前：

before

驗證顯示出來後，會發生什麼：

after

我想驗證之前：應用於該

what i want

2014-04-02 AntonB

In * site.css *將***。field-validation-error ***更改爲您所需的樣式。你不需要創建一個新的類。這樣做，你就不需要擔心你的問題 – Bhavik

確定感謝你，我這樣做，但現在的背景顏色不跨越整個DIV，如截圖所示。 – AntonB

增加了一個演示小提琴供您參考。如果仍然無法使用，請分享您代碼的HTML代碼！ –

與修改類解決：

.field-validation-error

通過添加：

{display: inline-block; width:100%; 
color:#ecf0f1; 
font-size:.9em; 
background-color:#e74c3c; 
padding:10px;}

2014-04-02 05:28:23 AntonB

那是因爲，你已經ValidationMessage內部和CSS的Div的DIV。

試試這個CSS：

.validate:not(:empty) 
{ 
    color:#ecf0f1; 
    font-size:.9em; 
    background-color:#e74c3c; 
    padding:10px; 
}

2014-04-02 04:59:48

：不是：空，沒有做任何直觀的事，有什麼缺失？ – AntonB

糟糕！請注意：這是**：不是（：空）**和**不：不：空** –

回答