0

「その他」ではなくボタンをクリックしようとすると、JSFiddle でわかるように、リンクは機能しません。

http://jsfiddle.net/CM5e8/

SCSS

button {
padding: 8px 20px;
border: 0;
@include border-radius(6px);
font-size: 0.8em;
text-transform: uppercase;
float: right;
cursor: pointer;
display: block;


a {
    display: block;
    color: white;
    text-decoration: none;
}
}

.green {
background: #9fd468;
display: block;

&:hover {
    background: #ace175;
}

&:active {
    @include box-shadow (inset 2px 2px 1px #759f49);
}
}

html

<button class="green">
    <a href="<?php the_permalink(); ?>">More</a>
</button>
4

2 に答える 2

3

タグはボタン内のテキストの<a>周りにのみあるため、ボタン全体をクリック可能にするには<a>、ボタンをタグで囲む必要があります。コードは次のとおりです。

<a href="<?php the_permalink(); ?>">
    <button class="green">More</button>
</a>
于 2013-07-23T18:29:42.220 に答える
2

ボタンがリンクになるように、アンカー タグでボタンをラップします。

<a href="<?php the_permalink(); ?>">
    <button class="green">More</button>
</a>
于 2013-07-23T18:29:16.920 に答える