Кнопка ссылки на видео перестала работать после добавления CSS - PullRequest
Новая
       13

Кнопка ссылки на видео перестала работать после добавления CSS

0 голосов
/ 22 апреля 2020

Я давно использую атрибут <button>. Тем не менее, я добавил специальный стиль к одной из моих кнопок, и теперь я могу нажать кнопку, но она не go на ссылку (она должна направить вас на видео 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, но я никогда не делаю очень сложных вещей. Пожалуйста, помогите мне решить эту проблему.

1 Ответ

1 голос
/ 22 апреля 2020

У нас нет атрибута 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>
...