Question

进入CSS和Web开发，我看到一些网站有示例提交按钮或只是一个输入，当鼠标/光标越过元素的顶部时，它会改变元素，

为了更好地解释，提交按钮可能是红色和黑色文本，如果您将鼠标悬停在提交按钮上，它将变为黑色并更改为红色文本，

我只是想知道这是怎么做的，因为我想把它放在我的网站上，谢谢！

我已经搜索了谷歌很多关于如何做到这一点的信息，但我没有提出任何问题，最好的问候，插孔。

Answer 1

使用:hover选择器。请参阅以下示例，如何执行此操作：

button,
input[type="submit"] {
  background-color:#000;
  color:#f00;
}
button:hover,
input[type="submit"]:hover {
  background-color:#f00;
  color:#000;
}

<button>Test</button>
<input type="submit" value="Test"/>

如何检查CSS是否在元素上？

1 个答案: