常用瀏覽器私有屬性小技巧

• 禁用選擇文本
  

* {
-webkit-user-select: none;
   -moz-user-select: none;
    -ms-user-select: none;
        user-select: none;
}

/* 避免了非輸入類(lèi)的user-select */
*:not(input):not(textarea) {
    -webkit-user-select: none;
    -webkit-touch-callout: none;
}

• 更改選中默認(rèn)顏色
  

::-webkit-selection {
    background: #d3d3d3; 
    color: #555;
}
::-moz-selection {
    background: #d3d3d3; 
    color: #555;
}
::selection {
    background: #d3d3d3; 
    color: #555;
}

• 美化或隱藏滾動(dòng)條

::-webkit-scrollbar {  //滾動(dòng)條寬度
	width:0;
        /* or */
        display:none;
}
::-webkit-scrollbar-thumb {   //滑軌上滑塊
	background-color: #e78170 !important;
}
::-webkit-scrollbar-button {  //滑軌兩頭的監(jiān)聽(tīng)按鈕顏色
	background-color: #e78170;
}

div::-webkit-scrollbar { 
	width:0;
        /* or */
        display:none;
}

• 阻止input出現(xiàn)黃色背景

input:-webkit-autofill {
	background-color: #fff !important;
	-webkit-box-shadow: inset 0 0 0 1000px white !important;
}

• 清除input[type="number"]側(cè)邊的箭頭

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { -webkit-appearance: none; }