我在修改瀏覽器默認滾動條樣式時,沒辦法實現在滾動條兩邊出現單個方向箭頭?在默認的方向箭頭處打補丁時,滾動條的兩端總是會出現兩個方向的按鈕。一下是代碼實例:::-webkit-scrollbar-button { display: block; } ::-webkit-scrollbar-button:horizontal:single-button:start { width: 24px; background: url("../img/scroll_btn.png") 0 -52px no-repeat; cursor: pointer;}::-webkit-scrollbar-button:horizontal:single-button:end { width: 24px; background: url("../img/scroll_btn.png") 0 -77px no-repeat; cursor: pointer;}::-webkit-scrollbar-button:vertical:single-button:start { width: 16px; background: url("../img/scroll_btn.png") -3px 0px no-repeat; cursor: pointer;}::-webkit-scrollbar-button:vertical:single-button:end { width: 16px; background: url("../img/scroll_btn.png") -3px -26px no-repeat; cursor: pointer;}效果圖:能否去掉紅色方框的空白??
瀏覽器默認滾動條箭頭樣式的修改
慕勒3428872
2018-10-11 14:13:55