制定input几种type的样式

网页设计

做一个页面的时候,我自己没有对input的几种样式,指定class

我觉得一般比较正确的做法是,指定这个input的class name 或者id name

在方便的在css文件中修改它的样式

我现在要说的是,没有指定的情况下怎么改变样式

如果你在css中写,例如

1
2
3
4
5
input{
	font: 9pt Tahoma, Verdana;
	font-weight: normal;
	background: #ECF1F7;
}

你会发现,不管是输入框text模式还是按钮(submit方式)
背景都变成一样了。

怎么样只对比如input type=”text”的样式进行制定呢?
我发现这样可以

1
2
3
input[type=text]{
border: 1px solid #cccccc;
}

这样你就发现,按钮的样式没有跟随改变,但是text的边框已经变化了~

这个在ie 7.0 测试通过

其他不晓得~~

呵呵

 

Leave a Reply

Icons by N.Design Studio. Designed By Ben Swift. Powered by WordPress and Free WordPress Themes
Entries RSS Comments RSS Log in