根据input的type来控制css样式
<style type="text/css">
/*
根据input的type来控制css样式
*/
/*
1.用css的expression判断表达式
优点：简单，轻量级
缺点：expression判断表达式FireFox是不支持的。致命的是只能区分出一个（例如例子中就只能区分出text文本框），不要试图设置多个，下面的会将上面的覆盖掉
input
{
background-color:expression(this.type=="text"?'#FFC':'#eee');
}
*/
/*
2.用css中的type选择器
优点：简单，明了，可以分区出各个input控件形态。
缺点：type选择器，IE6之前的对web标准支持的不太好的浏览器不能支持
input[type="text"]
{
background-color:aquamarine;
}
input[type="password"]
{
background-color:bisque;
}
input[type="submit"]
{
background-color:blueviolet;
}
input[type="reset"]
{
background-color:chocolate;
}
input[type="radio"]
{
background-color:darkcyan;
}
input[type="checkbox"]
{
background-color:dodgerblue;
}
input[type="button"]
{
background-color:purple;
}
*/
</style>
<script type="text/javascript">
/*
3.用javascript脚本实现
优点：可以分区出各个input控件形态。
缺点：技术牵扯面教广，因为用js后期处理，所以在js没有起作用之前，各个input还是原始状态较致命的是FireFox不支持
*/
function GetCss(obj)
{
var colorArr=new Array("aliceblue","antiquewhite","aqua","aquamarine","darkgreen","darkslateblue","magenta","sienna");
var tpArr=new Array("text","password","submit","reset","radio","checkbox","button","file");
for(var i=0;i<tpArr.length;i++)
{
if(obj.type==tpArr[i])
{
obj.style.backgroundColor=colorArr[i];
}
}
}
function CheckType()
{
var obj = document.getElementsByTagName("input");
for (var i=0;i<obj.length;i++)
{
GetCss(obj[i]);
}
}
</script>
<form>
<input type="text" />
<br>
<br>
&l
相关文档：
I needed a tab pane to put some content in my web pages. There are many solutions around
and I must say that they are quite good, but I had some extra requirements that I needed.
I did search around but I did not find what I wanted, so I ended up producing something and now I am sharing
it with y ......
对DIV+CSS偶还是新手,所以对ID与CLASS之间的区别,偶到今天也还是有些许迷茫,刚才查了下相关资料,果然给偶指明了方向,下面是它们之间的区别来自网上内容我把它收藏了进来,以便参考:
一、在web标准中是不容许重复ID的，例如 div id="a" 不容许重复2次；而class所定义的是类，理论上可以无限重复。以根据需要多次引用 ......
來源：http://www.webjx.com/css/divcss-17091.html
中文原文：CSS在Internet Explorer 6, 7 和8中的差别
译自：CSS Differences in Internet Explorer 6, 7 and 8
关于浏览器的最离奇的统计结果之一就是Internet Explorer
版本6，7和8共存。截至本文，Internet Explorer各个版本总共占据了大约65%的市场 ......
在进行页面设计的时候，相信下面这些东西应该能够帮助你，DIV+CSS，希望可以为你节省一点时间。
一、 善用css缩写规则
/*注意上、右、下、左的书写顺序*/
1. 关于边距（4边）：
1px 2px 3px 4px (上、� ......
