css小技巧（1）
1、-webkit-overflow-scrolling: touch; 解決ios滑動時無緩沖問題
2、::-webkit-scrollbar 設置ios滑動時是否顯示滾動條
3、::selection 選中文字時文字顏色和選中色
<!doctype html> <html> <head> <meta charset="utf-8"> <meta content="width=device-width,initial-scale=1.0,minimum-scale=1.0,user-scalable=no,maximum-scale=1.0" id="viewport" name="viewport"> <title>css小技巧（1）</title> <style type="text/css"> ::selection {color: #FFFFFF;background: #F00; } #scroll_test {width: 100px;height: 100px;border: 1px solid #000;overflow: auto;-webkit-overflow-scrolling: touch; } #scroll_test::-webkit-scrollbar {display:none; } </style> </head><body> <p class="selection_test"> 在pc端選中這段文字試試！ </p> <div id="scroll_test"> 這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字，這是一段文字！ </div> </body> </html>?
創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎總結
- 上一篇： CSS 布局入门
- 下一篇： 点击文本框后页面变大