在css中,可以使用「::-webkit-scrollbar」偽類選擇器來選取捲軸,然後使用「display:none」樣式不顯示捲軸即可;具體語法格式「:: -webkit-scrollbar{display:none;}」。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
::-webkit-scrollbar CSS偽類選擇器影響了一個元素的捲軸的樣式。我們可以設定::-webkit-scrollbar選擇器display屬性為none來隱藏捲軸。
設定捲軸不顯示的方法:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div style=" width:200px; height: 200px; overflow-y: scroll;"> cmcc</br> cmcc</br> cmcc</br> cmcc</br> cmcc</br> cmcc</br> cmcc</br> cmcc</br> cmcc</br> cmcc</br> cmcc</br> cmcc</br> cmcc</br> cmcc</br> </div> </body> </html>
效果圖:
#設定css效果前:
##新增css樣式後:程式碼<style> ::-webkit-scrollbar {display:none} </style>
以上是css如何讓捲軸不顯示的詳細內容。更多資訊請關注PHP中文網其他相關文章!