1. 程式人生 > >表格顯示滾動條

表格顯示滾動條

border spa rec web 技術 nbsp tab class width

表格顯示滾動條顯示一個滾動條,可以提示用戶下面還有數據。具體如下:

技術分享圖片

代碼如下:

.tab-record::-webkit-scrollbar {
    width: .04rem;
    height: auto;
    display: block;
}
.tab-record::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 .08rem rgba(0,0,0,0.1); 
    border-radius: .133333rem;
}
.tab-record::-webkit-scrollbar-thumb {
    border-radius
: .133333rem; -webkit-box-shadow: inset 0 0 .08rem rgba(0,0,0,0.2); }

表格顯示滾動條