DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> 應用IE6所不支持的CSS的type選擇器
應用IE6所不支持的CSS的type選擇器
編輯:CSS進階教程     

網頁制作poluoluo文章簡介:type選擇器,IE6之前的對web標准支持的不太好的浏覽器不能支持。

  應用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>
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved