Question

如何在CSS中设置submit按钮值样式的变化。

<input type="submit" onmousemove="class=btnr" value="搜索" class="btn" />我现在的样式是{ border:0; background:transparent; color:#FF0;} 显示的搜索是黄色字 我想鼠标放上去显示出下划线 就想链接一样的效果！要怎么实现呢！

Answer 1

1、设置一个长度与宽度，使用到的CSS代码。

2、经过给它设置长度与宽度后，变成了下图所示，相比与没有任何样式，它会好出很多。

3、接下来，可以去掉它自带默认的边框，将它边框设置为0PX，观察一下效果。

4、添加了红色的背景后，它显示如下图所示的样式。

5、除了使用颜色设置背景外，也可以使用图片作为背景。

6、还可以设置它的其他更多样式，方法是直接添加CSS代码即可。

Answer 2

直接用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（标准通用标记语言的一个子集）等文件样式的计算机语言。

Answer 3

那就不要用submit了。 你可以做一个a链接
<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>

Answer 4

text-decoration :underline;