我正在创建一个CSS按钮,我试图做一个onclick效果：当用户点击按钮时,它会按下按钮文本1px.我的问题在于它是推按钮的整个底部.你会如何进行
<div class="one">
<p><a id="button" href=#>Button</a></p>
</div>
这是CSS：
#button {
display: block;
width:150px;
margin:10px auto;
padding:7px 13px;
text-align:center;
background:#a2bb33;
font-size:20px;
font-family: 'Arial',sans-serif;
color:#ffffff;
white-space: nowrap;
Box-sizing: border-Box;
-webkit-Box-sizing: border-Box;
-moz-Box-sizing: border-Box;
}
#button:active {
vertical-align: top;
padding-top: 8px;
}
.one a {
text-decoration: none;
}
提前致谢,
金
