我在其中一个按钮上添加了特殊的样式,现在我可以单击该按钮,但它没有转到链接(应该将您定向到单独标签中的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>
请注意,当您单击按钮时,它会基于它周围形成的矩形知道它已被单击,但是链接不起作用。
我仍然是这种东西的新手,所以请耐心等待,我可能不明白您第一次要说什么。
答案 0 :(得分:1)
按钮中没有href属性。在标签中。只需将按钮更改为标签即可。
以下行应该起作用:
<a id="help" href="https://youtu.be/oHg5SJYRHA0" target="_blank">Get help from a low-paid professional</a>
如果要使用按钮而不是标签。以下行应该起作用:
<button id="help" onclick="window.open('https://youtu.be/oHg5SJYRHA0')">Get help from a low-paid professional</button>