视频的按钮链接在添加CSS后停止工作

Question

我已经使用<button>属性很长时间了。但是，我为按钮之一添加了特殊的样式，现在我可以单击该按钮，但是它没有转到链接（应该将您定向到单独标签中的YouTube视频）。

#help {
  background-color: cornflowerblue;
  border: 2px solid black;
  color: black;
  padding: 20px 45px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 20px;
  border-radius: 100px;
  transition-duration: 0.4s;
}

#help:hover {
  background-color: skyblue;
  color: grey;
  box-shadow: 0 12px 16px 0 rgba(0, 0, 0, 0.24), 0 17px 50px 0 rgba(0, 0, 0, 0.19);
  opacity: 0.9;
}

.contact {
  color: red;
}

<button id="help" href="https://youtu.be/oHg5SJYRHA0" target="blank">Get help from a low-paid professional</button>

尽管我已经使用HTML / CSS了一段时间，但我从来没有做过非常复杂的事情。请帮助我解决此问题。

Answer 1

我们在按钮中没有href属性。在标签中。只需将按钮更改为标签即可。