ボタンになってしまう <input type="submit"> を文字で表示したい

Question

実現したいこと

Laravelでブログを作成しています．削除機能へのリンクを文字で表示したいです．

発生している問題

削除機能へのリンクは次のように作成しました．

{{ Form::open(['url' => '/post/'.$post->id, 'method' => 'delete']) }}
<input type="submit" value="削除">
{{Form::close()}}

しかし，この場合inputタグを使うので勝手にボタンになってしまいます．

何らかの方法を使えば文字で表示できるのでしょうか？JS等でも構いません．

ご存知の方がいらっしゃいましたら教えていただけませんか？

Answer 1

CSSでボタンの見た目を殺したいだけであればappearance: none;で対処出来るでしょう.

input[type="submit"]{
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	border: none;
	background-color: transparent;
}

参考
https://developer.mozilla.org/ja/docs/Web/CSS/-moz-appearance

Answer 2

aタグで作ってクリック時のイベントを拾い、javascriptでsubmit()する、でも良いかと。