【技术】label模拟去黑框按钮

效果图：

 

label模拟去黑框普通button按钮

<br />
<label class="button-wrapper">
<input type="button" class="button-fixed" value="登录" />
</label>
<br />
label模拟去黑框submit按钮
<br />
<label class="button-wrapper">
<input type="submit" class="button-fixed" value="登录" />
</label>

 

图片  btnbg.png

.button-fixed {
background:#fff url("../images/btnbg.png") repeat-x 0 center;
height:25px;
width:130px;
border: none;
margin:0;
cursor: pointer;
}

.button-wrapper {
display:block;
padding:0;
width:130px;
border: #FFB554 1px solid;
cursor: pointer;
}