CSS根据节点属性定义不同的样式

顾陌 发布时间:2014-07-30 分类:Web 阅读:3943次 1 条评论

在实际的开发过程中,某一个页面存在许多的文本框,密码框,以及按钮等input标签的html控件,实际需要给这些input定义不同的样式,例如需要给普通文本框定义文字颜色,给密码框套用某些样式...由于页面的input标签很多,一个个改的话花费的时间比较多。现在CSS3可以非常简单的利用属性给不同的文本框应用不同的样式了。

解决的办法有许多种。如一个个的添加class样式,或者使用Javascript、jQuery选择属性来动态的改变元素的样式。

现在CSS3支持利用属性给元素应用样式了。style代码如下:

input[type=text]{color:red;}
input[type=password]{color:green;}
input[type=submit]{color:green;}

HTML代码:

<input type="text"  /> 
<input type="password" />
<input type="submit" />

备注:支持大多数浏览器,支持一般的IE浏览器(测试IE8可行)

关键字词: CSS3属性样式

已有1条留言

发表评论:

◎欢迎您的参与讨论。