Question

我在所有滑块上为整个主题编写了共同的Button 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;
}

我在此Button中链接了文本。只有当我点击按钮上的文字时，我才能访问该链接。但我的要求是当我点击按钮上的任何地方时要访问的链接。我尝试了很多但没有运气。

请指导我。

Answer 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>必须以块显示，否则无效

Answer 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>

通过CSS链接按钮

2 个答案: