當(dāng)前位置：首頁(yè) > 编程资源 > 编程问答 >内容正文

编程问答

css小技巧（1）

發(fā)布時(shí)間：2023/12/2 编程问答 31 豆豆

生活随笔收集整理的這篇文章主要介紹了 css小技巧（1）小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,幫大家做個(gè)參考.

1、-webkit-overflow-scrolling: touch; 解決ios滑動(dòng)時(shí)無緩沖問題

2、::-webkit-scrollbar 設(shè)置ios滑動(dòng)時(shí)是否顯示滾動(dòng)條

3、::selection 選中文字時(shí)文字顏色和選中色

<!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>

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的css小技巧（1）的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。