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

2016-02-20 00:04 14 1 收藏

下面图老师小编跟大家分享应用IE6所不支持的CSS的type选择器,一起来学习下过程究竟如何进行吧!喜欢就赶紧收藏起来哦~

【 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

来源:http://www.tulaoshi.com/n/20160220/1631202.html

延伸阅读
标签: Web开发
参与测试的浏览器:IE6 / IE7 / IE8 / FF3 / OP9.6 / SF3 / Chrome2 操作系统:Windows 我喜欢position:fixed,它很酷。 但ie6总不支持它,所以用其他的属性来模拟(这个模拟在主流浏览器中都兼容,所以其他浏览器也不需要分开写position:fixed了)。 看效果先: 运行代码框 !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona...
标签: Web开发
之前一直在用 gif 图片或者用和背景色相同的 jpg 图片回避 IE6 不支持 PNG 图片背景色透明的 BUG,不过在做大菠萝3(Diablo III)主题时不愿放弃自己一个比较酷的 Idea,所以我还是决定要解决这个 BUG。 网上关于解决 IE6 这个 BUG 的方法很多,有用 JS 的,也有用 IE6 的 CSS 滤镜的。稍微看了一下,JS 的方法仅用于单个图片的效果,...
标签: Web开发
本文是《Even Faster Web Sites: Performance Best Practices for Web Developers (Paperback)》的最后一章。上篇帖子《Performance Impact of CSS Selectors》(中文版)最后提出了一段假设: 对大多数网站而言,优化CSS选择器活得的性能提升很小,不值得去计较。有些配合Javascript交互的CSS规则会明显的拖慢页面。这是应该关注的焦点。...
标签: Web开发
PPT:Taming CSS Selectors 作者:Nicole Sullivan 翻译:ytzong CSS 文件的大小和所引起的 HTTP 的请求数 是 CSS 性能的最关键因素 回流(reflow)和渲染时间 (非常!)没那么重要 副本(duplication)比陈旧的规则(stale rules)更糟糕 因为我们有工具处理后者 定义缺省值 不要在每处都重复编码 不好的: #weatherModule h3{co...
标签: 浏览器
IE浏览器出现“您的浏览器不支持cookies功能”解决方法   我们在登录某些网站的时候,IE浏览器有时候出现您的浏览器不支持COOKIES功能的提示,导致登录失败。这里收集整理了此问题的解决方法: 从工具菜单中选择Internet 选项。 单击隐私标签。 单击高级按钮,按下列步骤进行设置。 设置完成,重新启动IE即可。(关闭IE再次重新打...

经验教程

885

收藏

88
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部