浅析常用的浏览器私有属性

早上好!感谢你陪我走过每一个日子,愿有我的日子你每天都精彩,每步都平安,每刻都快乐,每分都如意,每秒都幸福。
一、控制元素的可选值
复制代码
代码如下:

selector {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}

可选的值:
•auto——默认值,用户可以选中元素中的内容
•none——用户不能选择元素中的任何内容
•text——用户可以选择元素中的文本
•element——文本可选,但仅限元素的边界内(只有IE和FF支持)
•all——在编辑器内,如果双击/上下文点击发生在子元素上,改值的最高级祖先元素将被选中。
•-moz-none——firefox私有,元素和子元素的文本将不可选,但是,子元素可以通过text重设回可选。

二、设置input元素placeholder的样式
全局设置:
复制代码
代码如下:

::-webkit-input-placeholder {
font-size: 12px ;
color: #fff;
}
::-moz-placeholder {
font-size: 12px;
color: #fff;
}

特定元素设置:
复制代码
代码如下:

selector::-webkit-input-placeholder {
font-size: 12px;
color: #000 !important;
}
selector::-moz-placeholder {
font-size: 12px;
color: #000 !important;
opacity: 1 !important;
}

本文浅析常用的浏览器私有属性到此结束。拿出胆量来那一吼声是一切成功之母。小编再次感谢大家对我们的支持!