设置input type为text的文本框样式

CSS 设置 input type="text" 标签的样式,而不会影响到 type="checkbox" 或其它input

第一种解决办法:使用 JS 循环控制每个 type="text" 的文本框

<head runat="server">

    <title>无标题页</title>

    <style type="text/css">

        .myinput

         {

            border: red 1px solid;

            font-size: 12px;

            color:#000000;

         }

    </style>

    <script type="text/javascript" language="javascript" defer> 

        var u=document.getElementsByTagName("input"); 

        for(var i=0;i<u.length;i++){ 

                if(u[i].type=="text")

	u[i].className="myinput"; 

         } 

     </script> 

</head>

<body>

    <form id="form1" runat="server">

    <input type="password" />

    <input type="text" name="username"/><br>

    <input type="checkbox" name="senior" value="全站"/>

    </form>

</body>

如果还需要设置 password 的样式,可以修改 if(u[i].type=="text") 为 if(u[i].type=="text" || u[i].type=="password") 这种用JS控制的方法比较复杂,实现代码也比较多。

第二种方法:

<style>

input {

border: expression(this.type=="text"?"1px solid #04576f":"");

}

</style>

<form>

	<input type="text" name="username"/>

	<br>

	<input type="checkbox" name="senior" value="全站"/>

</form>
注明:如果放在aspx页面中的话,必须去掉<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
expression才起作用了
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值