您现在的位置是:网站首页> 编程资料编程资料
浅析常用的浏览器私有属性CSS的私有属性小结(针对FireFox浏览器)-CSS教程-网页制作-网页教学网CSS中不为人知Zoom属性的使用介绍(IE私有属性)
2021-09-07
810人已围观
简介 以下是对常用浏览器的私有属性进行了分析介绍,需要的朋友可以参考下
一、控制元素的可选值
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;
}
复制代码
代码如下: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写法兼容ie6css图片垂直居中 css中如何实现图片垂直居中div图片垂直居中 如何使div中图片垂直居中整理CSS中遇到的一些常见问题(Hack标识/固定容器/图片垂直居中)CSS让高度不确定图片垂直居中的几种技巧CSS图片垂直居中方法整理集合 !(常见问题解答)CSS图片垂直居中实现方法详解 让图片垂直居中的使用方法css实现的让图片垂直居中的方法Li list-style-image 图片垂直居中CSS让图片垂直居中和底端对齐的代码-CSS教程-网页制作-网页教学网
- ul里不能直接嵌套div(在ie7以前版本)设置div背景透明的方法示例CSS实现div不设高度完全居中div自适应高度自动填充剩余高度详解DIV+CSS的命名规矩才能有利于SEO优化的实现方法DIV或者DIV里面的图片水平与垂直居中的方法详解如何用div实现自制滚动条div对齐与网页布局详解DIV+CSS实现电台列表设计的示例代码div+css实现带箭头的面包屑导航栏不定宽高的文字在div中垂直居中实现方法
- 相邻div实现一个跟着另一个自适应高度示例代码设置div背景透明的方法示例CSS实现div不设高度完全居中div自适应高度自动填充剩余高度详解DIV+CSS的命名规矩才能有利于SEO优化的实现方法DIV或者DIV里面的图片水平与垂直居中的方法详解如何用div实现自制滚动条div对齐与网页布局详解DIV+CSS实现电台列表设计的示例代码div+css实现带箭头的面包屑导航栏不定宽高的文字在div中垂直居中实现方法
- css实现不再让内容把td撑开的常用解决方法CSS Transition通过改变Height实现展开收起元素从QQtabBar看css命名规范BEM的详细介绍css实现两栏布局,左侧固定宽,右侧自适应的多种方法CSS 实现Chrome标签栏的技巧CSS实现两列布局的N种方法CSS实现隐藏搜索框功能(动画正反向序列)CSS3中Animation实现简单的手指点击动画的示例详解CSS中的特指度和层叠问题详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)关于CSS浮动与取消浮动的问题
- 如何处理小图标与文字混排的多种解决方案设置div背景透明的方法示例CSS实现div不设高度完全居中div自适应高度自动填充剩余高度详解DIV+CSS的命名规矩才能有利于SEO优化的实现方法DIV或者DIV里面的图片水平与垂直居中的方法详解如何用div实现自制滚动条div对齐与网页布局详解DIV+CSS实现电台列表设计的示例代码div+css实现带箭头的面包屑导航栏不定宽高的文字在div中垂直居中实现方法
- IE中div被视频遮住(用embed来内嵌视频)的解决方法IE6下div层被select控件遮住的问题解决方法IE7浮层遮挡问题探讨及解决DIV遮罩层如何实现巧用CSS3 border实现图片遮罩效果代码div背景半透明,覆盖整个可视区域的遮罩层效果 div背景半透明 覆盖整个可视区域的遮罩层效果ie6 select无法被div遮盖的bug解决方法利用js+css简单实现半透明遮罩弹窗如何解决IE6/7绝对定位元素神秘消失或被遮挡的方法 css 遮罩样式(支持IE和FireFox)
- CSS3 透明色 RGBA使用介绍CSS3颜色值RGBA与渐变色使用介绍CSS3解决移动页面上点击链接触发色块的问题 CSS3中使用RGBa来调节透明度的教程CSS3中使用RGBA设置透明度的示例CSS3 rgb and rgba(透明色)的使用详解
- 纯CSS实现背景半透明文字不透明效果兼容IE6背景半透明效果CSS链接样式代码css 背景半透明最佳实践css实现背景半透明文字不透明的效果示例
- 让图片img标签在div里上下左右居中的方法div图片垂直居中 如何使div中图片垂直居中解决img在div中居中的问题
- 并排的两个对象如何水平对齐兼容ie6CSS Transition通过改变Height实现展开收起元素从QQtabBar看css命名规范BEM的详细介绍css实现两栏布局,左侧固定宽,右侧自适应的多种方法CSS 实现Chrome标签栏的技巧CSS实现两列布局的N种方法CSS实现隐藏搜索框功能(动画正反向序列)CSS3中Animation实现简单的手指点击动画的示例详解CSS中的特指度和层叠问题详解overflow:hidden的作用(溢出隐藏、清除浮动、解决外边距塌陷)关于CSS浮动与取消浮动的问题