CSS按钮背景鼠标放上去变换背景的代码怎么设置?

2024年12月02日 12:50

有2个网友回答

网友（1）：

假设你的按钮的class是btn，两个背景图片分别是bg1.jpg和bg2.jpg，缓判那么可以这样来做
css部分：
.btn {background:url(bg1.jpg);}
.btn:hover {background:url(bg2.jpg);}

html部分就很简单了，给input加个样式就行

使用这个样式时别忘了先把input的默认样式，那些padding、margin、border什么的都清零，然后再定义一下宽高，这样出来的视觉效果会好些。

网友（2）：

a:hover{
background:url(print.gif)
no-repeat
left
top;}
这个是A标签的,但如果是枣缺提交按钮搭掘的话,需要JS配合.
------------------------------------------------------------
.hovers{
background:url(print.gif)
no-repeat
left
top;}
---------
type="submit"
onmouseover="this.className='hovers'"
onmouseout="this.className=''"
value="提知岩核交"
/>