H5W3
当前位置:H5W3 > JavaScript > Vue相关 > 正文

【Vue】如何给自定义的滚动条样式添加向上向下图标??

问题描述

在iview.css里写的,但要加上图标,向上向下的,图标采用iview框架自己的,但不知道怎么写才可以加上去的

问题出现的环境背景及自己尝试过哪些方法

【Vue】如何给自定义的滚动条样式添加向上向下图标??

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

/ 滚动条样式调整/
::-webkit-scrollbar {/滚动条整体样式/
width: 10px; /高宽分别对应横竖滚动条的尺寸/
height: 0.5px;
}
::-webkit-scrollbar-thumb {/滚动条里面小方块/
border-radius: 10px;
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
background: #ccc;
}
::-webkit-scrollbar-track {/滚动条里面轨道/
-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
border-radius: 10px;
background: #EDEDED;
}
::-webkit-scrollbar-button:vertical:decrement,::-webkit-scrollbar-button:vertical:increment{
/滚动条两端按钮/
}

你期待的结果是什么?实际看到的错误信息又是什么?

回答

参考http://www.xuanfengge.com/css…

本文地址:H5W3 » 【Vue】如何给自定义的滚动条样式添加向上向下图标??

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址