zoukankan      html  css  js  c++  java
  • 【转载】给不同 type 的 input 自动设置样式

    input 有一堆 type 属性,不同的 type 对应不同的表单元素。CSS 定义的时候,对于支持 CSS2 选择符的浏览器,可以使用
    复制内容到剪贴板
    代码:
    input[type="checkbox"]
    input[type="text"]
    等等来对 input 分别做不同定义,但是对于 IE6,这法子行不通。
    一般的解决方案是给不同的 input 加不同的 class,可以手动加,也可以用 js 遍历自动加,刚由一个问题想到可以用 expression 加。
    关键代码:
    复制内容到剪贴板
    代码:
    input{
        zoom: expression(function(ele){(ele.className)?ele.className+=" "+ele.type:ele.className=ele.type; ele.style.zoom = "1";}(this));
    }
    两点:

    • 将 input 的属性取出来,赋给 className。
    • 对于 expression,这里使用一个无关紧要的属性(此处是zoom)来触发,处理完需要做的事情之后,再将此属性覆盖掉以解决 expression 不断执行的效率问题。
    Code
  • 相关阅读:
    swagger配置
    windows下安装redis
    Redis在windows下安装过程
    jenkins安装部署全过程
    MySQL表名不区分大小写的设置方法
    Linux常用命令
    java 执行redis的部分方法
    把jar包加入本地maven库内
    Java 枚举7常见种用法
    【转】每天一个linux命令(1):ls命令
  • 原文地址:https://www.cnblogs.com/CB/p/1362168.html
Copyright © 2011-2022 走看看