javascript - 悬停时更改链接/按钮的背景颜色

Question

我想更改此链接悬停时看起来像按钮的背景颜色。我该怎么做呢。下面是它的当前 CSS。

input[type="button" i],
input[type="submit" i],
input[type="reset" i],
input[type="file" i]::-webkit-file-upload-button,
button {
  background-color: #fbf7de;
  padding: 9px;
  display: inline;
  border-style: solid; 
  border-color: #fbf7de;
  border-width: 5px;
}

Answer 1

基本上就是这样 - 我只是为了这个例子减少了你的选择器。您还可以在悬停状态下修改其他样式(如 border-color)，并为动画添加 transition。

button {
  background-color: #fbf7de;
  padding: 9px;
  display: inline;
  border-style: solid; 
  border-color: #fbf7de;
  border-width: 5px;
}

button:hover {
  background: #fff;
}

<button>Button</button>