css统一设置input样式(区分input类型)

1.用css的expression判断表达式

2.用css中的type选择器

3.用javascript脚本实现

4.如果你用Microsoft Visual Studio 2005 或者后续版本开发项目,恭喜,你还可以使用skin。

下面就来讲解一下各个办法的详细实现和它们的优缺点。

1:用css的expression判断表达式

实现代码参考:

  

    input 

    { 

    background-color:expression(this.type=="text"?'#FFC':''); 

    } 
另一种
  input[type="text"] 

    { 

    background-color:#FFC; 

    } 

    

    input[type="password"] 

    { 

    background-image:url(BG.gif); 

    } 

    

    input[type="submit"] 

    { 

    background-color:blue; 

    color:white; 

    } 

    

    input[type="reset"] 

    { 

    background-color:navy; 

    color:white; 

    } 

    

   input[type="radio"] 

    { 

    /*In FF,Some radio style like background-color not been supported*/ 

    margin:10px; 

    } 

    

    input[type="checkbox"] 

    { 

    /*In FF,Some checkbox style like background-color not been supported*/ 

    margin:10px; 

    } 

    

    input[type="button"] 

    { 

    background-color:lightblue; 

    } 
原文地址:https://www.cnblogs.com/hun_dan/p/1968285.html