码迷,mamicode.com
首页 > Web开发 > 详细

css小技巧(1)

时间:2016-11-15 13:22:42      阅读:137      评论:0      收藏:0      [点我收藏+]

标签:htm   cal   blog   div   bar   解决   css   imu   选中文字   

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小技巧(1)

标签:htm   cal   blog   div   bar   解决   css   imu   选中文字   

原文地址:http://www.cnblogs.com/tie123abc/p/6064955.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!