你的位置:首页 > 网页设计

[网页设计]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>