您当前的位置:首页 > 网页设计 > Web开发 > 正文

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

【字体大小: 2009-12-03 18:10 来源: 作者: 

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

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

  在前面的文章中,我们向介绍了

  CSS的expression判断表达式设置input样式

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

  1. <!doctype html public "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  2. <html xmlns="http://www.w3.org/1999/xhtml" > 
  3. <head> 
  4.     <title>IE6所不支持的CSS的type选择器</title> 
  5.     <meta name="Keywords" content=""/> 
  6.     <meta name="Description" content=""/> 
  7.     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
  8.     <style type="text/css"> 
  9.     input[type="text"]  
  10.     {  
  11.     background-color:#FFC;  
  12.     }  
  13.     input[type="password"]  
  14.     {  
  15.     background-image:url(BG.gif);  
  16.     }  
  17.     input[type="submit"]  
  18.     {  
  19.     background-color:blue;  
  20.     color:white;  
  21.     }  
  22.     input[type="reset"]  
  23.     {  
  24.     background-color:navy;  
  25.     color:white;  
  26.     }  
  27.    input[type="radio"]  
  28.     {  
  29.     /*In FF,Some radio style like background-color not been supported*/  
  30.     margin:10px;  
  31.     }  
  32.     input[type="checkbox"]  
  33.     {  
  34.     /*In FF,Some checkbox style like background-color not been supported*/  
  35.     margin:10px;  
  36.     }  
  37.     input[type="button"]  
  38.     {  
  39.     background-color:lightblue;  
  40.     }  
  41.     </style> 
  42. </head> 
  43.  
  44. <body> 
  45. <dl> 
  46. <dt>This is normal textbox:<dd><input type="text" name=""> 
  47. <dt>This is password textbox:<dd><input type="password" name=""> 
  48. <dt>This is submit button:<dd><input type="submit"> 
  49. <dt>This is reset button:<dd><input type="reset"> 
  50. <dt>This is radio:<dd><input type="radio" name="ground1"> <input type="radio" name="ground1"> 
  51. <dt>This is checkbox:<dd><input type="checkbox" name="ground2"> <input type="checkbox" name="ground2"> 
  52. <dt>This is normal button:<dd><input type="button" value="i'm button"> 
  53. </dl> 
  54. </body> 
  55. </html> 
    顶一下
    (1)
    100%
    踩一下
    (0)
    0%
    【责任编辑:绝口不提】 标签:
    最新评论 查看所有评论
    发表评论 查看所有评论
    请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
    评价:
    表情:
    用户名:密码:验证码: