常用的浏览器私有属性

一、控制元素的可选值

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

特定元素设置:

 1 selector::-webkit-input-placeholder {
 2     font-size: 12px;
 3     color: #000 !important;
 4 }
 5 
 6 selector::-moz-placeholder { 
 7     font-size: 12px;
 8     color: #000 !important;
 9     opacity: 1 !important;
10 }

 

posted @ 2013-07-09 22:50  白牙青森  阅读(1194)  评论(0编辑  收藏  举报