---
title: "Change style of button during mouse hover event in asp.net"  
description: "Change style of button during mouse hover event in asp.net"  
author: "Anonymous User"  
published: 2014-12-05  
updated: 2014-12-06  
canonical: https://www.mindstick.com/forum/12753/change-style-of-button-during-mouse-hover-event-in-asp-dot-net  
category: "asp.net"  
tags: ["c#"]  
reading_time: 1 minute  

---

# Change style of button during mouse hover event in asp.net

I want to change the shape/[style](https://www.mindstick.com/articles/126300/apa-citation-style-get-to-know-about-it-for-your-next-assignment) of [button](https://www.mindstick.com/articles/63/how-to-add-button-in-datagridview-in-csharp-dot-net) during [mouse](https://yourviews.mindstick.com/story/5122/the-story-behind-lord-ganesha-s-mouse-mushak) hover in asp.net. Actually i want to make the button circular during mouse hover in asp.net.

## Replies

### Reply by Anonymous User

Create two Images for button. Then implement this css.

```
.blueButton{        background:url('../Images/btnBackground.png');               border:0;}.blueButton:hover{     background:url('../Images/btnBackground_circular.png');   }<input id="Button1" type="button" class="blueButton" value="button" />
```

### Reply by Anonymous User

Generally, you would do this with the CSS :hover pseudo-class:

a { /* define normal styles here */ }

a:hover { /* define hover styles here */ }

To achieve a circular button, you could use a graphic image. Assuming you had a transparent PNG called circle.png in your images directory, you could do something like this:

```
a:hover {  background: url('images/circle.png') no-repeat;}
```

You could also set the border radius of the button to be one-half of the button height and width (which should be the same):

```
a:hover {  height: 50px;  width: 50px;  border-radius: 25px;}
```


---

Original Source: https://www.mindstick.com/forum/12753/change-style-of-button-during-mouse-hover-event-in-asp-dot-net

Copyright © MindStick Software Pvt. Ltd. This Markdown version is provided for developers, AI systems, and offline reading.