Question

创建我创建了一个链接，看起来像这样的按钮：

<a target='_blank' href="mailto:me@myemail.com?Subject=bla bla" style='background:#44ff22;color:#ffffff;font-size:15px;padding:8px 12px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;text-decoration:none;'>Email Me</a> 

的问题是，可点击区域不是整个框（这是对的顶部第三部分“按钮”），所以人们可能会认为它不起作用

如何创建可点击的矩形区域？

Answer 1

添加display: block或display: inline-block属性，以您的风格。

a { 
 
    background:#44ff22; 
 
    color:#ffffff; 
 
    font-size:15px; 
 
    padding:8px 12px; 
 
    border-radius:3px; 
 
    -moz-border-radius:3px; 
 
    -webkit-border-radius:3px; 
 
    text-decoration:none; 
 
    
 
    display: block; /* Added */ 
 
}

<a target='_blank' href="mailto:me@myemail.com?Subject=bla bla">Email Me</a>

a { 
 
    background:#44ff22; 
 
    color:#ffffff; 
 
    font-size:15px; 
 
    padding:8px 12px; 
 
    border-radius:3px; 
 
    -moz-border-radius:3px; 
 
    -webkit-border-radius:3px; 
 
    text-decoration:none; 
 
    
 
    display: inline-block; /* Added */ 
 
}

<a target='_blank' href="mailto:me@myemail.com?Subject=bla bla">Email Me</a>

Answer 2

何必呢？只需将您的标签放在按钮周围

<a><button></button></a>