1

ページに 2 つのボタン (リンク) があるページを作成しました。不明な理由により、chrome、ff、および ie のボタンの間にダッシュが表示されます。この奇妙なダッシュの代わりに、ボタンの間にほんの少しのスペースを確保しようとしています。問題を再現する簡単なサンプル コードを次に示します。

<!DOCTYPE html>
<meta charset='utf-8'> 

<html>
    <head><title>Button Dashes?</title></head>
    <body>
        <div>
            <a href="http://www.google.com">
                <button>Google</button>
            </a>
            <a href="http://www.yahoo.com">
                <button>Yahoo</button>
            </a>
        </div>
    </body>
</html>

ボタン間のダッシュを削除するにはどうすればよいですか?

4

3 に答える 3

6

コードを次のように更新します。

    <div>
        <a href="http://www.google.com"><button>Google</button></a>
        <a href="http://www.yahoo.com"><button>Yahoo</button></a>
    </div>

リンクのデフォルトのスタイルはunderlines、空白が単なる下線になるようになっているためです。以下に例を示します: http://jsfiddle.net/wCfBR/

リンクのように振る舞うには、いくつかの代替方法がありbuttonsます: リンクのように振る舞う HTML ボタンを作成するには?

于 2013-04-18T18:59:52.600 に答える