按钮样式,css

Question

当我移动按钮鼠标时,是否可以更改按钮样式？

当光标在按钮上时,显示以下样式:

input.button_p
{
   color: #000000;
   border-style: none;
}

当光标没有在按钮上时,显示以下样式:

input.button_a
{
   color: #FFFFFF;
   border-style:solid;
}

谢谢

Answer 1

您可以使用:hover伪类,如下所示:

input.button_p {
  color: #000000;
  border-style: none;
}
input.button_p:hover {
  color: #FFFFFF;
  border-style:solid;
}

元素只有button_p类,如下所示:

<input type="button" class="button_p" />