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

html-css047

如何用CSS修改提交按钮样式,第1张

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

<style>

#c_button { width:92pxheight:30px border:0float: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>

如果你是要那个按钮有手形的话在.log_on_btn 里面添加一行：cursor:pointer

如果你要全部input 的都有手形的话，添加一个样式：

input{

cousor:pointer

}

<asp:Button class="blue" ID="txtSubmit" runat="server" OnClientClick="return chkReg()" Text="确 定"

Height="30px" OnClick="txtSubmit_Click" />

给这个asp控件加一个class="blue"就行