У меня есть страница «migrated.html» в корневом каталоге. Как добавить эту ссылку на эту кнопку в стиле CSS?

<button onclick="#" <a href="migrated.html" class="glossy-button glossy-button--red"></a>Migrated</button>

Приведенный выше HTML-код не работает для меня.

Вот ссылка на кодовый набор:

https://codepen.io/prateek-vishwas/pen/Rwwpzjo

2
Prateek Vishwas 24 Окт 2019 в 02:36

2 ответа

Лучший ответ

Почему это должна быть кнопка? Почему бы не использовать обычный тег «А» и стилизовать его как кнопку?

<a href="migrated.html" class="glossy-button glossy-button--red">!!!Migrated!!! 
</a>

Работает в вашем коде ручки - просто перенес перенесенный текст внутри тега

Это будет работать даже без JavaScript. Во всяком случае. JS, чтобы изменить текущий URL-адрес

window.location = 'your url';

  <button onclick="window.location='migrated.html';"> 
   <a href="migrated.html" class="glossy-button glossy-button--red"></a>
   Migrated
   </button>

Которые также работают в вашей ручке

0
Thomas Ludewig 23 Окт 2019 в 23:51

Есть несколько разных способов сделать это.

Но, насколько я понимаю, это звучит так, как будто вы просто хотите привязать тег <a> с атрибутом href, который стилизован под эту кнопку.

Вы можете просто установить тот же класс для тега привязки, который находится на кнопке, поэтому вы должны получить

<a href = "url-to-ur-page" class = glossy-button glossy-button--red>Migrated</a>

1
Bergis 23 Окт 2019 в 23:41
58532237