-4

次のような CSS ボタンを追加しました: http://pastebin.com/UZCgmqSN なぜ単純な HTML コードを使用できないのですか?..

リンクの href は、ボタンに青い境界線 + テキストの色を与え、ボタンを削除<A>しても同じままです。

そのリンクに移動するためにテキストにカーソルを合わせる必要があるのではなく、ボタン全体を 1 つのリンクにしたいのです。

基本的に、スタイルがボタンに影響を与えたくありません。

解決策は次のとおりです。指定したdivでリンクスタイリングを無効にしてください。ありがとうございます。

4

2 に答える 2

2

これにパディングを追加すると、テキストの周りの領域もクリック可能になります。また、次のスタイルを適用します。

a {
    text-decoration:none;
}
a div {
    background:#444;
    color:#fff;
    border:1px solid #333;   
    text-align:center;
    padding:5px;
    width:100px;
}

これでうまくいくはずです。

これをチェックしてください： http://jsfiddle.net/yFZ4y/

EDIT : INLINE要素 ( aなど)内でdivまたは ANYブロック レベル要素を使用することは、悪い習慣です。代わりにスパンを使用してください。

于 2012-08-17T20:39:45.913 に答える
1

これはリンク/ボタンの例ですhttp://jsfiddle.net/CRjrz/

<div>
    <a href="#">link text</a>
</div>​

a
{
    display: block;
    width: 100px;
    height: 35px;
    text-decoration: none;
    color: black;
    text-align: center;
    line-height: 35px;
}
div
{
    border: solid 1px black;
    width: 100px;
    height: 35px;
}​
于 2012-08-17T20:40:46.443 に答える