リンク文字列を、ボタンのように全域でタップに反応させるには？

詳細
カテゴリ: テンプレート
作成日:2016-02-10

aタグをブロック要素にして、高さと幅を設定し、cursorプロパティをpointerに変更します。

HTMLソース

<a href="foo.html" class="button">リンク文字列</a>

 

CSS

a.button {
    display: block;
    width: 100%;
    height: 40px;
    cursor: pointer;
}