首页 > 开发 > CSS > 正文

应用IE6所不支持的CSS的type选择器

2024-07-11 08:22:12
字体:
来源:转载
供稿:网友

  应用ie6所不支持的css的type选择器,可以精确的选择各种表单元素。

  简单,明了,可以分区出各个input控件形态。

  type选择器,ie6之前的对web标准支持的不太好的浏览器不能支持。致命……

<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head>
    <title>ie6所不支持的css的type选择器 - www.52css.com</title>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    <style type="text/css">
    input[type="text"]
    {
    background-color:#ffc;
    }
    input[type="password"]
    {
    background-image:url(bg.gif);
    }
    input[type="submit"]
    {
    background-color:blue;
    color:white;
    }
    input[type="reset"]
    {
    background-color:navy;
    color:white;
    }
   input[type="radio"]
    {
    /*in ff,some radio style like background-color not been supported*/
    margin:10px;
    }
    input[type="checkbox"]
    {
    /*in ff,some checkbox style like background-color not been supported*/
    margin:10px;
    }
    input[type="button"]
    {
    background-color:lightblue;
    }
    </style>
</head>

<body>
<dl>
<dt>this is normal textbox:<dd><input type="text" name="">
<dt>this is password textbox:<dd><input type="password" name="">
<dt>this is submit button:<dd><input type="submit">
<dt>this is reset button:<dd><input type="reset">
<dt>this is radio:<dd><input type="radio" name="ground1"> <input type="radio" name="ground1">
<dt>this is checkbox:<dd><input type="checkbox" name="ground2"> <input type="checkbox" name="ground2">
<dt>this is normal button:<dd><input type="button" value="i'm button">
</dl>
</body>
</html>
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表