Цветная кнопка с помощью css html

Question

у меня есть код html

как коду присваивается цвет css? например, как показано ниже

CSS-код `

      .button {
  background-color: #4CAF50; /* Green */
  border: none;
  color: white;
  padding: 8px 8px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin: 4px 2px;
  cursor: pointer;
}

.button2 {background-color: #008CBA;} /* Blue */

`в HTML

      <button class="button button2">Refresh</button>

но если реализовано в этом коде

      <button onclick=location=URL>Refresh</button>

возникает ошибка

Кто-нибудь может мне с этим помочь?

Answer 1

onclick устарел и его трудно читать. Рассмотрите возможность использования слушателя для вашей кнопки!

Код для обновления страницыwindow.location.reload();

Answer 2

Ваш атрибут onclick неверен. Вам нужно использоватьwindow.location.hrefилиwindow.location.reload();Вот документация: https://developer.mozilla.org/en-US/docs/Web/API/window/location.

Кроме того, если вы хотите добавить css в html и не знаете, как это сделать, вы можете проверить это https://www.w3schools.com/CSS/css_howto.asp .

Вот рабочий код:

Answer 3

вы должны изменить 2 вещи:

• атрибут onclick: у вас должно быть это:"вокруг яваскрипта. нравиться

      <button onclick="location=URL" >Refresh</button>

• если вы хотите использовать стиль с .button, вы должны добавить атрибутclass="button". так:

      <button onclick="location=URL" class="button" >Refresh</button>   

или вы можете использовать другое мышление в стиле: вместо.button{ ... }, использоватьbutton{ ... }.

Answer 4

Я не вижу, как вы используетеonclick. но что-то здесь не так:

      <button onclick=location=URL>Refresh</button>

Скобки отсутствуют. Может быть, попробовать что-то в этом роде

      <button onclick="location.href='../'">