一些CSS兼容性处理写法汇总。

一、placeholder修改样式兼容性写法：
由于placeholder是h5新特性之一，目前还有兼容性问题，所以这样写以兼容各浏览器。

input::-webkit-input-placeholder{color:red;}input::-moz-placeholder{   /* Mozilla Firefox 19+ */color:red;}input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */color:red;}input:-ms-input-placeholder{  /* Internet Explorer 10-11 */ color:red;}

针对不同浏览器或不同版本的浏览器会有不同的写法，会添加相应的前缀。

注意：

1、WebKit, Blink, Edge浏览器等需要带上-webkit-前缀，且是双冒号，写的时候还要带上input

2、针对火狐浏览器则有两种写法，一种是针对低版本的，一种是针对高版本的，二者都需要带上-moz-前缀。要点1：火狐低版本的使用冒号（：），而高版本的使用双冒号（：：）；要点2：火狐浏览器不需要像webkit内核那样要带上input。

3、由于placeholder属性只在IE10+才支持，因此，针对IE10、IE11的写法是加上-ms-前缀，使用的是冒号（：），需要带上input

特别强调：冒号与双冒号的问题，还有是否需要加上input

作者：江峰★ 出处：http://www.cnblogs.com/jf-67/

一些CSS兼容性处理写法汇总。相关推荐

IE6/7/8 CSS兼容性问题和解决方法汇总
断断续续的在开发过程中收集了好多的bug以及其解决的办法,都在这个文章里面记录下来了!希望以后解决类似问题的时候能够快速解决,也希望大家能在留言里面跟进自己发现的ie6 7 8bug和解决办法! 1: ...
web前端兼容性面试题汇总！
web前端兼容性面试题汇总一.html部分 1.H5新标签在IE9以下的浏览器识别 html5shiv.js下载地址 2.ul标签内外边距问题ul标签在IE6\IE7中,有个默认的外边距,但是在IE ...
47种常见的浏览器兼容性问题大汇总
浏览器兼容性问题大汇总 Ø JavaScript 3 1. HTML对象获取问题 3 2. const问题 3 3. event.x与event.y问题 3 4. window.location.hr ...
（转载）浏览器兼容性问题大汇总
浏览器兼容性问题大汇总 Ø JavaScript 3 1. HTML对象获取问题 3 2. const问题 3 3. event.x与event.y问题 3 4. window.location.hr ...
DIV CSS兼容性解决IE6/IE7/FF浏览器的通用方法完美兼容
在网站设计的时候,应该注意css样式兼容不同浏览器问题,特别是对完全使用DIV CSS设计的网,就应该更注意IE6 IE7 FF对CSS样式的兼容,不然,你的网乱可能出去不想出现的效果! 所有浏览器 ...
Vue——10 - webpack打包保姆级教程01——打包js、json、css、less、html、背景图片以及图片、字体（Font）文件，devsever，生产环境配置以及css的兼容写法
目录一.webpack打包JS文件 1.新建入口文件index.js和mathUtils.js,index.js是依赖于mathUtils.js 2.然后使用webpack命令打包js文件二.打包 ...
在html中加入中文字体,中文字体在CSS中的写法整理
中文字体在CSS中的写法整理发布时间:2013-10-30 17:33:18 作者:佚名我要评论在CSS中不能出现中文字体,解决办法就是把这些中文字体名字转换成英文名,下面简要的为大家介 ...
博学谷前端 css兼容性简单总结
1. CSS兼容性在网络中浏览器众多,因为不同浏览器使用内核及对W3C标准的支持不一样,各个浏览器对于页面的解释呈视也不尽相同.以及用户客户端的环境不同(如分辨率不同)造成的显示效果不能达到理想效果 ...
处理CSS兼容性的几个实用方式。
今天我们来聊一聊「如何处理CSS兼容性所带来的问题.」因为浏览器厂商众多,采用的浏览器内核各不相同,所以对CSS语法支持的程度也各不相同. 有的可能是语法不支持,有的可能是语法支持但是效果表现形态不 ...

一些CSS兼容性处理写法汇总。

一些CSS兼容性处理写法汇总。相关推荐

最新文章

热门文章