常用的瀏覽器私有屬性

白牙青森發表於2013-07-09

一、控制元素的可選值

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 }

 

相關文章