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

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

　　推荐阅读

　　CSS Sprites 图片整合技术分析

论坛上提到这样的问题：“css中用一张背景图做页面的技术有什么优势？” 简单介绍一下 CSS Sprites 的优点：当用户往U盘中拷200张图片，会等很久。但是如果弄成一个文件，再拷贝就会快很多。 >>>详细阅读

本文标题：应用IE6所不支持的CSS的type选择器

地址：http://www.17bianji.com/kaifa2/CSS/16845.html

1/2 1