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

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

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

【 tulaoshi.com - Web开发 】

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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

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

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

(本文来源于图老师网站,更多请访问https://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

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

延伸阅读
标签: 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...
标签: Web开发
前面一篇文章介绍了CSS页面布局中HTML结构化,本节讲解如何使用巧妙的使用CSS选择器。 id用于标识页面唯一元素,id的名称是控制某一内容块的手段,通过将某内容块置入div并赋予唯一的id,就可以用CSS选择器来精确定义每一个页面元素的外观表现,包括标题、列表、图片、链接或者段落等等。例如你为#header写一个CSS规则,就可以完全...
标签: Web开发
之前一直在用 gif 图片或者用和背景色相同的 jpg 图片回避 IE6 不支持 PNG 图片背景色透明的 BUG,不过在做大菠萝3(Diablo III)主题时不愿放弃自己一个比较酷的 Idea,所以我还是决定要解决这个 BUG。 网上关于解决 IE6 这个 BUG 的方法很多,有用 JS 的,也有用 IE6 的 CSS 滤镜的。稍微看了一下,JS 的方法仅用于单个图片的效果,...
标签: Web开发
去年我学jQuery的时候,曾经做过一点选择器(selector)的笔记。 这几天拿出来看了一下,发现很多都忘记了。所以,我决定把它们贴在这里,方便以后查看。这对其他朋友应该也是有用的,毕竟选择器是制作网页效果的第一步。 笔记分为两个部分,今天是CSS的选择器,以后还有一部分xPath的选择器。今天的笔记中包括44个选择器,基本涵盖了CSS 2...

经验教程

367

收藏

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