整個按鈕不可點擊

正如您在JSFiddle中看到的，當您嘗試單擊按鈕而不是「更多」時，鏈接不起作用。整個按鈕不可點擊

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>

來源

2013-07-23 joshuahornby10

的<a>標籤大約只有在按鈕上的文本，所以爲了使整個按鈕點擊，你需要用按鈕周圍<a>標籤。代碼如下：

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

來源

2013-07-23 18:29:42 Jnatalzia

裹在錨標記的按鈕，該按鈕是一個鏈接。

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

來源

2013-07-23 18:29:16 John

整個按鈕不可點擊

回答

相關問題