通过 CSS 链接按钮答案

【问题标题】：Link a button through CSS通过 CSS 链接按钮
【发布时间】：2015-01-12 16:58:24
【问题描述】：

我为所有滑块上的整个主题编写了共同的按钮 CSS

.btn {
font-size: 13px;
padding: 9px 20px 12px;
margin: 11px 0px 0px;
border: 0px;
line-height: 19px;
white-space: nowrap;
opacity: 1;
left: 471.5px;
top: 292px;
transform: scale(1, 1) rotate(0deg);
visibility: visible;
}

我在此按钮中链接了文本。只有当我单击按钮上的文本时，我才能访问该链接。但我的要求是当我单击按钮上的任意位置时要访问的链接。我尝试了很多，但没有运气。

请指导我。

【问题讨论】：

您可以将 class="btn" 添加到您的元素中。

标签： javascript html css button hyperlink

【解决方案1】：

我认为将您的<a> 变成一个按钮会更合适，这样您就可以将其更改为您想要的任何方式，并且可以从任何地方点击它http://jsfiddle.net/7pr6ktzs/

<a href="#">button</a>

CSS

a{
display:block;
background-color:green;
width:200px;
height:200px;
font-size:50px;
border-radius:30px;
}

<a> 必须显示在块中，否则这将不起作用

【讨论】：

【解决方案2】：

<!DOCTYPE html>
<html>
<head>
<style>
.btn {
font-size: 13px;
padding: 9px 20px 12px;
margin: 11px 0px 0px;
border: 0px;
line-height: 19px;
white-space: nowrap;
opacity: 1;
left: 471.5px;
top: 292px;
transform: scale(1, 1) rotate(0deg);
visibility: visible;
}
</style>
</head>

<body>

<input type="submit" value="Submit" class='btn'>
<input type="reset" value="Submit" class='btn'>
<input type="reset" value="button" class='btn' value='Save'>

</body>

</html>

【讨论】：