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

来源:www.13sc.com | 游客上传 | 144 次浏览 | 0 条评论

搜索: 浏览器 私有 属性 

以下是对常用浏览器的私有属性进行了分析介绍,需要的朋友可以参考下

一、控制元素的可选值

复制代码
代码如下:

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;
}

标签: 浏览器 私有 属性

最热-CSS

网页设计中的CSS Sprites技术介绍及其优化方法

用CSS代码写出的各种形状图形的方法

基于ime-mode属性使用详解

无法居中,margin:0 auto;属性

谈谈CSS隐藏元素(display,visibility)的区别

解决IE6下,给图片加上line-height属性不起作用的解决方法

ie7下z-index失效问题解决方法(详细分析)

input 背景图片移出 bug解决

详解DIVCSS布局的好处和意义

用纯CSS3打造立体提示模块的效果实现(图) 附源码

CSS HACK收集:关于IE6/FF/google等浏览器hack的方法详细

要知道的10个CSS技巧

Copyright 2009-2013 13sc.com All Rights Reserved.