Search results

Customize Button Appearance in ASP.NET MVC Button control

20 Jan 2022 / 1 minute to read

You can customize the appearance of the Button by using the Cascading Style Sheets (CSS). Define the CSS according to your requirement, and assign the class name to the cssClass property. In the following code snippet the background color, text color, height, width, and sharp corner of the Button can be customized through the e-custom class for all states (hover, focus, and active).

Copied to clipboard


.e-custom {
    border-radius: 0;
    height: 30px;
    width: 80px;

.e-custom, .e-custom:hover, .e-custom:focus, .e-custom:active {
    background-color: #ff6e40;
    color: #fff;

button {
  margin: 25px 5px 20px 20px;

Copied to clipboard
public ActionResult CustomButton()
    return View();