如何在CSS中设置submit按钮值样式的变化。
发布网友
发布时间：2022-04-06 12:49
共4个回答
热心网友
时间：2022-04-06 14:18
1、设置一个长度与宽度，使用到的CSS代码。
2、经过给它设置长度与宽度后，变成了下图所示，相比与没有任何样式，它会好出很多。
3、接下来，可以去掉它自带默认的边框，将它边框设置为0PX，观察一下效果。
4、添加了红色的背景后，它显示如下图所示的样式。
5、除了使用颜色设置背景外，也可以使用图片作为背景。
6、还可以设置它的其他更多样式，方法是直接添加CSS代码即可。
热心网友
时间：2022-04-06 15:36
<a href="#1" class="btnr">搜索</a>
然后给btnr添加样式 自己做一个类似按钮的图片作为该链接的背景.记得display:block;因为a默认不是块元素,我们加背景就要使它变成块元素。
至于滑过有下划线你可以a:hover里面设置或者onmousemove="this.className='有下划线的样式名'"
2种原理是一样的.但是第二种是事件监听.还必须写个函数，因为不是滑过就行，你鼠标离开的时候也要。所以还是推荐a:hover
javascript可以参考如下：
<script>
var z = document.getElementById("z_ul").getElementsByTagName("li");
for (i=0;i<z.length;i++){
z[i].onmouseover = function(){
this.className = "v-li";
}
z[i].onmouseout = function(){
this.className = "";
}
}
</script>
热心网友
时间：2022-04-06 17:11
直接用CSS设置Submit按钮的属性就可以。例如：
<style>#sub{width:100px;height:35px;line-height:35px;background:transparent url(背景图片地址) no-repeat;border:none;}
</style>
<input type="submit" value="提交" name="submit" id="sub">
鼠标放上去可以直接写
<style>#sub:hover{border-bottom:solid 1px #333;}
</style>
CSS（层叠样式表）级联样式表是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。
热心网友
时间：2022-04-06 19:02
