按钮样式，css

Question

当我按下鼠标按钮时，是否可以更改按钮样式？

当光标在按钮上时，显示以下样式：

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

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

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

由于

Answer 1

您可以使用:hover pseudo class，如下所示：

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" />

Answer 2

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

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

请注意，此用法中的：hover属性并非所有浏览器都支持..但是它支持足够多，不用担心它。

Answer 3

<input type="submit">和<input type="button">不适用于所有浏览器。您应该使用<button type="submit">text</button>代替。