Question

我想在asp.net中鼠标悬停期间更改按钮的形状/样式。实际上我想在鼠标悬停在asp.net中时使按钮变为圆形。

Answer 1

通常，您可以使用CSS :hover伪类：

执行此操作

a { /* define normal styles here */ }

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

要获得圆形按钮，您可以使用图形图像。假设你的图像目录中有一个名为circle.png的透明PNG，你可以这样做：

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

您还可以将按钮的边框半径设置为按钮高度和宽度的一半（应该相同）：

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

Answer 2

假设您的元素具有button类，您可以执行以下操作：

.button:hover {
    border-radius: 20px;
}

您必须根据自己的需要调整半径。

Answer 3

为按钮创建两个图像。然后实现这个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" />

在asp.net中鼠标悬停事件期间更改按钮的样式

3 个答案: