Apply custom CSS to ValidationSummary Control to change its look and feel

In this article we will see how to apply custom CSS on ValidationSummary to make it looks better. You can also visit my other posts related to ValidationSummary Control  http://www.codinfusion.com/post/ValidationSummary-Example-in-asp-net and http://www.codinfusion.com/post/Show-ValidationSummary-in-Popup-using-Asp-Net

Step1 : Take three TextBox controls name, age and email. Apply necessary Validators to these Textboxes. Create ValidationSummary Control to show error messages.

            

                

                    
                
            
            

                

                    Name
                
                

                    
                    
                
            
            

                

                    Age
                
                

                    
                    
                    
                
            
            

                

                    Email
                
                

                    
                    
                    
                
            
            

                

                     
                
                

                    
                
            
        

Step2: Create CSS

Final Output: