超链接按钮样式
原创
©著作权归作者所有:来自51CTO博客作者爱跳舞的程序员的原创作品,请联系作者获取转载授权,否则将追究法律责任
.myLinkA {
text-decoration: none;
font-size: 12px;
background-color: #4CAF50;
border: none;
padding: 15px 32px;
text-align: center;
display: inline-block;
font-size: 16px;
color: white;
}
.myLinkA:hover {
background-color: #3e8e41;
}
<a class="myLinkA" href="${ctx}/zjdlbb/zjdlbbXZB/zjdlbbxzb/saveXzz.ht"><span></span>保存</a>
另一款:
.myLinkB:hover {
background-color: #3e8e41;
color: white;
}
.myLinkB {
/* background-color: #4CAF50; *//* Green */
background-color:#F2F3F5;
/* border: 1px solid green; */
border: 1px solid #F2F3F5;
color:gray;
padding: 3px 3px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 14px;
cursor: pointer;
}