@sapson

Как сделать кнопку «Войти», как ссылка?

Есть верстка сайта с кнопками в виде ссылок, нужно сделать по дизайну такую же кнопку "войти".
<a href="#" class="btn btn-blue">Купить</a> /// кнопка с макета
                                <button type="submit" class="btn btn-blue">
                                    {{ __('Войти') }}
                                </button>
                                @if (Route::has('password.request'))
                                    <a class="btn btn-link" href="{{ route('password.request') }}">
                                        {{ __('Забыли пароль?') }}
                                    </a>
                                @endif
  • Вопрос задан
  • 296 просмотров
Решения вопроса 1
@Evanescing
Вариант 1: наложить на кнопку стили ссылки, перекрыть стили кнопки. Например:
<style>
button.like-href {
	border: none;
    background: none;
    text-decoration: underline;
    color: #000;
    cursor: pointer;
}
</style>
<a href="#" class="btn btn-blue">Купить</a>
<button type="submit" class="btn btn-blue like-href">
	Войти
</button>

Вариант 2: скрипт цеплять на ссылку вместо кнопки submit и сохранение формы вызывать в скрипте по нажатию на ссылку. ссылка при этом не должна иметь урл, а href="javascript:void(0)"
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы