帶背景色和圖像的驗證消息樣式

Question

我正在嘗試修復與ASP.NET MVC 3驗證及其CSS相關的設計問題。我明白MVC有一些默認的css類用於驗證消息的使用，如果你需要自定義樣式，你可以簡單地根據你的需求更新這些類。

現在這裏的問題似乎是我的要求，我們的設計團隊提出了驗證消息顯示，如果缺少必填字段，那麼錯誤消息應該有一個指向輸入控件的「箭頭圖像」 。下面是鋪陳，我想在這裏實現：

現在，我想弄清楚的事情是我怎麼能排列的紅色背景顏色和旁邊的消息圖像。

任何建議/幫助將深表謝意。

Answer 1

您可以使用此HTML結構顯示錯誤味精

<div class="error"> 
    <span>error message</span> 
</div> 

CSS

.error{background:url(arrow.gif) no-repeat left center; padding-left:15px;} 
.error span{ padding:2px; background:red;}