1.避免長按網頁出現選中樣式:

-webkit-touch-callout: none;
-webkit-user-select: none;
-khtml-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;

2.避免點選div出現陰影

-webkit-tap-highlight-color: rgba(0, 0, 0, 0);

3.避免ios滑動滾動條卡頓

-webkit-overflow-scrolling : touch

4.去掉input type=number時預設控制元件(輸入框中的上下箭頭

預設：<input type="number" /><br><br>
處理：<input type="number" class="deal" />

.deal::-webkit-textfield-decoration-container {
   background-color: #f0f3f9;
}    //新增背景色 
下邊兩行是去掉input 輸入框右邊的上下箭頭按鈕
.deal::-webkit-inner-spin-button {
   -webkit-appearance: none;
}
.deal::-webkit-outer-spin-button {
   -webkit-appearance: none;
}
 

5.顯示部分邊框

<div>請看這個div的“上邊框”是隻有一半的</div>

div {position:relative; width:300px; height:50px; background-color:#bbb; padding:4px}
div:before {content:""; position:absolute; left:0; top:-2px; width:50%; height:2px; background-color:red}