html代碼

這是內(nèi)容111

這里是內(nèi)容222

這里是內(nèi)容333

css代碼

.inner{

width: 265px;

height: 400px;

position: absolute;

top: 33px;

left: 13px;

/*cursor: pointer;*/

overflow:hidden;

}

.innerbox{

overflow-x: hidden;

overflow-y: auto;

color: #000;

font-size: .7rem;

font-family: "\5FAE\8F6F\96C5\9ED1",Helvetica,"黑體",Arial,Tahoma;

height: 100%;

}

/*滾動(dòng)條樣式*/

.innerbox::-webkit-scrollbar {/*滾動(dòng)條整體樣式*/

width: 4px; /*高寬分別對(duì)應(yīng)橫豎滾動(dòng)條的尺寸*/

height: 4px;

}

.innerbox::-webkit-scrollbar-thumb {/*滾動(dòng)條里面小方塊*/

border-radius: 5px;

-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

background: rgba(0,0,0,0.2);

}

.innerbox::-webkit-scrollbar-track {/*滾動(dòng)條里面軌道*/

-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);

border-radius: 0;

background: rgba(0,0,0,0.1);

}

本文來(lái)源于網(wǎng)絡(luò)：查看?>https://blog.csdn.net/f056917/article/details/81778530

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

總結(jié)

以上是生活随笔為你收集整理的html overflow 样式,css修改overflow滚动条默认样式的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

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