Question

如何用CSS修改提交按钮样式

如何用CSS修改提交按钮样式

Answer 1

非IE6浏览器，可以使用input:hover的伪类来控制样式，但IE6浏览器只能用JS来实现了，需要设定两个状态，然后用JS切换类。

<style>
#c_button { width:92px; height:30px; border:0; float:left;}
.c_up{background:url(../images/i_login_btn.png) no-repeat 0 top;}
.c_down{background:url(../images/i_login_btn.png) no-repeat 0 bottom;}
</style>

<input name="" id="c_button" class="c_up" type="submit" value="" title="点击登录"/>

<script type="text/javascript">
document.getElementById("c_button").onmouseover=function() {this.className = "c_down";}
document.getElementById("c_button").onmouseout=function(){this.className = "c_up";}
</script>

Answer 2

直接修改就行了啊
<input type="submit" style="height:px;width:px;">
或者起个名字在css中写样式
<input type="submit" class="submit">

Answer 3

在CSS里面改
例如<input type="submit" value="提交" name="submit">

然后在css里面修改
input{
background:red;
width:长度;
height:高度;
}