一、控制元素的可選值
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 }