来讲讲：CSS的expression判别表达式设置input款式

显示全部楼层 · 发表于 2015-1-15 23:55:26

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

x

不管你用什么工具软件制作网页，都有在有意无意地使用CSS。用好CSS能使你的网页更加简炼，同样内容的网页，有的人做出来有几十KB，而高手做出来只有十几KB。
网页制造poluoluo文章简介：用CSS的expression判别表达式设置input款式，复杂，轻量级。弱点在于expression判别表达式FireFox是不撑持的。
　　用CSS的expression判别表达式设置input款式，复杂，轻量级。弱点在于expression判别表达式FireFox是不撑持的。致命的是只能辨别出一个（比方例子中就只能辨别出text文本框），不要试图设置多个…

　　代码：

<!doctypehtmlpublic"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<htmlxmlns="http://www.w3.org/1999/xhtml">
<head>
<title>www.52CSS.com</title>
<metaname="Author"content="JustinYoung"/>
<metaname="Keywords"content=""/>
<metaname="Description"content=""/>
<metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/>
<styletype="text/css">
input
{
background-color:expression(this.type=="text"?#FFC:);
}
</style>
</head>

<body>
<dl>
<dt>Thisisnormaltextbox:<dd><inputtype="text"name="">
<dt>Thisisnormalbutton:<dd><inputtype="button"value="imbutton">
</dl>
</body>
</html>
　　另外一种办法：

input{
zoom:expression(function(ele){(ele.className)?ele.className+=""+ele.type:ele.className=ele.type;ele.style.zoom="1";}(this));
}
　　1、将input的属性掏出来，赋给className。
　　2、关于expression，这里利用一个可有可无的属性（此处是zoom）来触发，处置完必要做的事变以后，再将此属性掩盖失落以办理expression不休实行的效力成绩。

　　代码：



<styletype="text/css"media="all">
input[type="text"]{
border:1pxsolid;border-color:#CCC#EEE#EEE#CCC;
background:#F5F5F5;
}
input[type="password"]{
border:1pxsolid;border-color:#CCC#EEE#EEE#CCC;
color:#000;background:#F5F5F5;
width:50px;
}
input[type="button"]{
border:1pxsolid;border-color:#EEE#CCC#CCC#EEE;
color:#000;font-weight:bold;background:#F5F5F5;
}
input[type="reset"]{
border:1pxsolid;border-color:#EEE#CCC#CCC#EEE;
color:#666;background:#F5F5F5;
}
</style>
</head>
<body>
<inputtype="text"name="xx"/>
<inputtype="password"name="yy"/>
<inputtype="checkbox"name="oo"/>
<inputtype="radio"name="pp"/>
<inputtype="button"name="qq"value="button"/>
<inputtype="reset"name="oo"value="reset"/>
</body>
</html>
你用什么用的熟练就用什么，讲究的是效率，客户永远不管你用什么，页面就要好看，功能就要好用，还有时间和成本的问题。

		自动登录	找回密码
密码			立即注册

[DIV+CSS] 来讲讲：CSS的expression判别表达式设置input款式

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

相关帖子