首页 > Web开发 > 详细

inut按钮hover时变化的css控制代码

时间:2015-11-28 16:13:55      阅读:383      评论:0      收藏:0      [点我收藏+]


复制代码
代码如下:

<!DOCTYPE html>
<html>
<head>
<style>
a.a2{line-height:100px;text-align:center;text-decoration:none;background-color:#54ABE1; color:#fff;border:1px solid darkgray;display:block;width:100px;height:100px;backgroud-color:red;position:relative;overflow:hidden;}
a.a2 input{cursor:pointer;position:absolute;top:-10px;left:-10px;width:200px;height:200px;background:url(http://icon.chinahrd.net/images/none.gif) transparent; border:0; }
a.a2:hover{ background-color:#59595A;}
</style>
</head>
<body>
<form action="http://www.baidu.com/sss.html" method="GET" target="_blank">
<a class="a2" href="javascript:;">居中显示
<input type="submit" value="" />
</a>
</form>
</body>
</html>

技术分享技术分享

hover时黑色,

使用a+input实现,可以方便css控制,

不需要js.

ie6-10/op/ff/ch都没有问题.

inut按钮hover时变化的css控制代码

原文:http://www.jb51.net/css/76733.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!