CSS:将鼠标悬停在 HTML 提交按钮上

Jui*_*icy 5 html css submit button

我正在尝试在 CSS 中设置 HTML 提交按钮的样式:

HTML:

<input type="submit" value="Yes" id="popUpYes">
Run Code Online (Sandbox Code Playgroud)

CSS:

#popUpYes
{
  width: 60px;
  height: 30px;
  background-color: black;
}
#popUpYes:hover
{
  background-color: white;
}
Run Code Online (Sandbox Code Playgroud)

基本样式有效,但悬停时背景颜色不会改变。

小智 4

你的原始代码对我有用。确保提交按钮继承的样式没有任何其他冲突。