文档章节

给placeholder属性文字设置颜色 兼容性 伪类伪元素

书呆子拍皮球
 书呆子拍皮球
发布于 2016/06/17 09:44
字数 287
阅读 110
收藏 3

单冒号(:)用于CSS3伪类,双冒号(::)用于CSS3伪元素。
css伪类:CSS 伪类用于向某些选择器添加特殊的效果。
css伪元素:CSS 伪元素用于向某些选择器设置特殊效果。

伪元素由双冒号和伪元素名称组成。双冒号是在当前规范中引入的,用于区分伪类和伪元素。但是伪类兼容现存样式,浏览器需要同时支持旧的伪类,如:first-line,:first-letter,:before,:after等等。因此对于css2之前已经有的伪元素两种写法的作用是一样的,但是为了兼容IE浏览器还是使用单冒号的写法;

:-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color: #f00; }

::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #f00; }

input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #f00; }

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #f00; }

-ms-transform:rotate(7deg); //-ms代表ie内核识别码

-moz-transform:rotate(7deg); //-moz代表火狐内核识别码

-webkit-transform:rotate(7deg); //-webkit代表谷歌内核识别码

-o-transform:rotate(7deg); //-o代表欧朋【opera】内核识别码

transform:rotate(7deg); //统一标识语句。。。最好这句话也写下去

© 著作权归作者所有

共有 人打赏支持
下一篇: 倾斜
书呆子拍皮球
粉丝 2
博文 42
码字总数 5423
作品 0
唐山
私信 提问
神奇的选择器 :focus-within

CSS 的伪类选择器和伪元素选择器,让 CSS 有了更为强大的功能。 伪类大家听的多了,伪元素可能听到的不是那么频繁,其实 CSS 对这两个是有区分的。 有个错误有必要每次讲到伪类都提一下,有时...

chokcoco
08/02
0
0
css中:after与::after的区别

基本概念 1.他们都是CSS伪元素,与:hover/:active等伪类不一样。 2.:before/:after伪元素是在CSS2中提出来的,所以兼容性可能到IE8了。 3.::before/::after是CSS3中的写法,为了将伪类和伪元...

BULLEPAO
2017/07/02
0
0
从青铜到王者10个css3伪类使用技巧和运用,了解一哈

写在前面 伪类经常与伪元素混淆,伪元素的效果类似于通过添加一个实际的元素才能达到,而伪类的效果类似于通过添加一个实际的类来达到。实际上css3为了区分两者,已经明确规定了伪类用一个冒...

08/10
0
0
从零开始学 Web 之 CSS3(一)CSS3概述,选择器

大家好,这里是「 从零开始学 Web 系列教程 」,并在下列地址同步更新...... github:https://github.com/Daotin/Web 微信公众号:Web前端之巅 博客园:http://www.cnblogs.com/lvonve/ CSDN...

Daotin
07/30
0
0
【前端】你所不知的 CSS ::before 和 ::after 伪元素用法

CSS 有两个说不上常用的伪类 :before 和 :after,偶尔会被人用来添加些自定义格式什么的,但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的...

issac宝华
2016/11/01
40
0

没有更多内容

加载失败,请刷新页面

加载更多

高并发编程:解析HashMap

底层实现原理 在JDK1.8以前版本中,HashMap的实现是数组+链表,它的缺点是即使哈希函数选择的再好,也很难达到元素百分百均匀分布,而且当HashMap中有大量元素都存到同一个桶中时,这个桶会有...

小刀爱编程
31分钟前
0
0
程序员请不要假装很努力,因为结果不会陪你演戏

前言: 我一直相信这样一句话:真正的危机,来源于在正确的时间做不正确的事。没有在正确的时间,为下一步做出积累,这才是危机的根源。 比如,当你迈过了30岁这个坎,你的能力还局限于程序的...

Java干货分享
37分钟前
2
0
Fio随机读IOPS测试值可能偏大的原因分析

问题描述: 在使用fio进行虚拟机磁盘(Ceph的RBD,格式化为ext4文件系统)的IOPS测试时,发现randread比预估值高许多; 在使用相同参数进行randwrite测试之后,再进行randread时会出现此现象...

LastRitter
40分钟前
2
0
JavaScript引用类型Object常见用法实例分析

1、JavaScript数据类型 (1)基本类型 5种基本类型:Undefined、Null、Boolean、Number、String (2)引用类型 5种引用类型:Object、Array、Date、RepExp、Function (3)基本类型与引用类型的异同...

peakedness丶
48分钟前
1
0
教你理清SpringBoot与SpringMVC的关系

spring boot就是一个大框架里面包含了许许多多的东西,其中spring就是最核心的内容之一,当然就包含spring mvc。spring mvc 是只是spring 处理web层请求的一个模块。因此他们的关系大概就是这...

别打我会飞
52分钟前
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部