没有中划线的css属性一般直接使用 style.属性名 即可。如:obj.style.width,obj.style.position 等。
对于含有中划线的css属性,将每个中划线去掉并将每个中划线后的第一个字符换成大写即可。
如:obj.style.marginTop,obj.style.borderLeftWidth,obj.style.zIndex,obj.style.fontFamily等。
另外在css中有一个特殊的属性其js使用方法比较特殊。这个特殊的属性就是:float。我们不能直接使用obj.style.float来使用,这样操作是无效的。其正确的使用方法是为:IE:obj.style.styleFloat,其他浏览器:obj.style.cssFloat。
上面不行的话你还可以这样:
1、先定义一个CSS规则,然后 xxx.className=""
2、 xxx.style.cssText="border:1
solid #0B2565background:redborder-radius:5px"
<input class="ipt" type="text" />.ipt {
border: none 0
outline: medium
background: transparent
-webkit-appearance: none
-moz-appearance: none
-webkit-tap-highlight-color: rgba(0, 0, 0, 0)
-moz-tap-highlight-color: transparent
border-bottom: 1px solid #ccc
}
去掉默认样式 添加下边框就是下划线了