2

ボタンをアンカー タグのように見せるにはどうすればよいですか?

以下の HTML を試してみましたが、ボタンにカーソルを合わせると、下の境界線が他のアンカー タグと同じに見えません。境界線の下部はテキストの約 3 ピクセル下にあるように見えますが、アンカー タグではそれらの間に 1 ピクセルしかありません。

リンクを使用するだけですが、私の状況ではボタンの方が意味的に正しいと読んだことがあります。

<style>
.epUnsubscribe {
    float: left;
}

    .epUnsubscribe button {
        background: none!important;
        border: none;
        padding: 0!important;
        cursor: pointer;
        border-bottom: 1px solid #ffffff;
        color: #5C8C9B;
    }

        .epUnsubscribe button:hover {
            border-bottom: 1px solid #5C8C9B;
        }
</style>

<div style="float: left" class="epUnsubscribe">
        <button id="BtnUnsubscribe">Unsubscribe</button>
    </div>
4

3 に答える 3

4

これはハイパーリンクの境界線ではなく、下線です。これを試してください:

.epUnsubscribe button:hover {
  border: none;
  text-decoration: underline;
}
于 2012-10-29T14:18:55.693 に答える
0

実際のリンクを使用し、onclick="..."コールバックを使用してボタン機能を提供する方が簡単な場合があります。

于 2012-10-29T14:18:07.637 に答える
-1

リンクには下枠がなく、下線があります

text-decoration:underline
于 2012-10-29T14:20:45.387 に答える