應用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>