【 tulaoshi.com - Web开发 】
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/) 应用IE6所不支持的CSS的type选择器,可以精确的选择各种表单元素。
简单,明了,可以分区出各个input控件形态。
type选择器,IE6之前的对web标准支持的不太好的浏览器不能支持。致命
(本文来源于图老师网站,更多请访问http://www.tulaoshi.com/webkaifa/)!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
titleIE6所不支持的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
dtThis is normal textbox:ddinput type="text" name=""
dtThis is password textbox:ddinput type="password" name=""
dtThis is submit button:ddinput type="submit"
dtThis is reset button:ddinput type="reset"
dtThis is radio:ddinput type="radio" name="ground1" input type="radio" name="ground1"
dtThis is checkbox:ddinput type="checkbox" name="ground2" input type="checkbox" name="ground2"
dtThis is normal button:ddinput type="button" value="i'm button"
/dl
/body
/html