zoukankan      html  css  js  c++  java
  • 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; 
    
        } 
  • 相关阅读:
    XV6文件系统
    XV6锁
    PC硬件以及引导加载器
    XV6第一个进程
    XV6操作系统接口
    XV6环境搭建及注意事项
    XV6文件系统
    XV6上下文切换
    少走弯路的十条忠告
    LIBCMTD.lib与libcpmtd冲突的解决方法。
  • 原文地址:https://www.cnblogs.com/hun_dan/p/1968285.html
Copyright © 2011-2022 走看看