如何使div可点击

Question

我有一个问题,我的网站上有大约200个可点击按钮.所有按钮的设计都是一样的:

<div>
<asp:hyperlink> //or LinkButton
</div>

Div是按钮的背景样式,Hyperlink/LinkBut​​ton是按钮的文本.当然,目前只能单击文本,因此如果单击"文本"但"按下"按钮,则单击时会失败.

我想改变这个问题,问题是,确保背景按钮本身是可点击的但是不能新写200个按钮的最快和最简单的方法是什么？!

Answer 1

这是一个纯CSS解决方案

使您的标记表现为块级元素,并使其与父元素的大小相同.

这是一个jsfiddle

HTML

<div class="wholediv">
    <a href="http://www.google.com">Your link</a>
</div>

CSS

.wholediv{
    width: 100px;
    height: 100px;
    background-color: #efefef;
}

.wholediv a {
    width: 100px;
    height: 100px;
    display:block;
    background-color: pink;
}