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

html-css09

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

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

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

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

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

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

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

这样不行的

type

不属于样式,所以不能用css定义

只能写成

<input

type="submit"

id="fs"

/>这样

css只能定义样式

,不能定义类型

css

#fs{

/*--------这里设置样式---------*/

}

要是你想批量设置所有的input的type="submit"的话

建议使用js

<script

language="javascript">

function

setSubmit()

{

docement.getElementById("fs").type="submit"

}

</script>

<body

onload="setSubmit()">

<input

id="fs"

value="提交"

name="test"

/>

</body>

大概就是这么个意思

我也没测试

看看吧

CSS

属性选择器就是指可以根据元素的属性以及属性值来选择元素。

input的type有

button

checkbox

file

hidden

image

password

radio

reset

submit

text

input[type="submit"]就可以了选择type为submit的input标签。