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
  • 相关阅读:
    android中listview分页加载数据
    android listview的HeadView左右切换图片(仿新浪,网易,百度等切换图片)
    Opencv cvCircle函数
    我是怎样成长为系统架构师的
    C++游戏编程(一开篇)
    cidaemon.exe进程cpu占用率高及关闭cidaemon.exe进程方法
    curl命令具体解释
    HDU 4334 Trouble
    美国地名大全(美国城市名称英文、中文)
    几种常见模式识别算法整理和总结
  • 原文地址:https://www.cnblogs.com/CB/p/1362168.html
Copyright © 2011-2022 走看看