Question

如何给提交按钮做css样式

<form method="post" action="">
<input name="input1" type="submit" value="点我" />
</form>

现在有如上一个按钮，就是网页中最基本的形状。

请问如何用css将它样式化？

Answer 1

当按钮的 type="submit"（提交胡尘）和 type="reset"（重置）时，可以加背景、修饰边慎逗框，做任何想要的样式，但如果效果是没有边框，也就是要border:none时，其它浏览器中显示正常，但在IE6中也是不起作用的，还是会存在黑色边框。
　　解决此问题很简单，我们只需要把type设置成button，这样就是可以做到兼容各个浏览器了。
　　示例：<input type="button" name="button" id="button" value="宽做卖提交" />

Answer 2

<input type="submit" name="button" id="button" value="提交碧州" style=" border:none; height:20px; width:100px; background:url(img134.tif)" />
在style中加入css就可以，需要注意的一点是，悔败蔽加背景图片的时候，枯袜边框按自己需求显示，默认是有边线的， 即border:的设置

追问

如果我有n个不同功能的按钮，同时存在于同一页面
如何给他们分别加不同的样式呢？

追答

给每个按钮加不一样的css啊，高宽，背景图片都是可以修改的

追问

你上面给的，是直接写在前段页面的吧，我想把css写在css文件里 怎么些啊
我看你前面没有一个 class或者 id

追答

无标题文档

#button { border:none; height:20px; width:100px; background:url(img134.tif); }

#开头就是对应的id的样式，这样就写入css了

Answer 3

楼上的办法不能兼容ie6，因为：
　　当按钮的 type="submit"（提交）和 type="reset"（重置）时，可以加背景、修饰边框，做任何想要的样式，但如果效果是没有边框，也就是要border:none时，其它浏览器中显示正常，但在IE6中也是不起作用的，还是会存在黑色边框。
　　解决此问题很简单，我们只需要把type设置成button，这样就芹物是可以做嫌搏液到兼容各个浏览器了。
　　示例：<input type="button" name="button" id="button" value="提交" /银衡>

追问

改成button之后点击没有反应

追答

程序人员，单独做下处理，提交表单就可以了。

Answer 4

border:none; 在IE6中依旧会显示简橡氏边线，可以使用 border:0 none; 这样就可以兼如握容IE6了拦散。