浅析常用的浏览器私有属性
网站建设 2023-01-28 20:49www.1681989.com免费网站
一、控制元素的可选值
selector {
-moz-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
}
可选的值
•auto——默认值，用户可以选中元素中的内容
•none——用户不能选择元素中的任何内容
•text——用户可以选择元素中的文本
•element——文本可选，但仅限元素的边界内(只有IE和FF支持)
•all——在编辑器内，如果双击/上下文点击发生在子元素上，改值的最高级祖先元素将被选中。
•-moz-none——firefox私有，元素和子元素的文本将不可选，，子元素可以通过text重设回可选。
二、设置put元素placeholder的样式
全局设置
::-webkit-put-placeholder {
font-size: 12px ;
color: #fff;
}
::-moz-placeholder {
font-size: 12px;
color: #fff;
}
特定元素设置
selector::-webkit-put-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重设回可选。
二、设置put元素placeholder的样式
全局设置
复制代码
代码如下:::-webkit-put-placeholder {
font-size: 12px ;
color: #fff;
}
::-moz-placeholder {
font-size: 12px;
color: #fff;
}
特定元素设置
复制代码
代码如下:selector::-webkit-put-placeholder {
font-size: 12px;
color: #000 !important;
}
selector::-moz-placeholder {
font-size: 12px;
color: #000 !important;
opacity: 1 !important;
}
网站设计
- 静宁会SEO的网站建设公司：全面提升您的网络影
- 提升在线业务的关键：选择最佳的丽水网站建设
- 浙江网站优化发展潜力如何
- 井研专业的网站建设公司：打造您的在线品牌
- 灵山SEO网站建设公司：提升您的在线业务表现
- 蒙城网站建设优化公司：提升您网站表现的理想
- 阳谷企业网站优化：提升线上业务力的关键
- 樟树专业的网站建设公司：打造您在线业务的坚
- 通河百度SEO排名的策略与技巧
- 重庆百度快照排名如何进行精准的客户引流
- 重庆百度快照排名
- 常宁便宜的建站公司：助您轻松打造在线业务
- 巫溪百度网站优化：提升网站曝光率与流量的关
- 湖北整站优化怎么做才能放大客户需求
- 闸北网站建设多少钱？全面解析与预算规划
- 辽宁企业网站优化怎么做电话营销