怎么去掉下拉框控件的滚动条

怎么去掉下拉框控件的滚动条?

微信图片_20210706151337.png

FineReport 坚果联盟 发布于 2021-7-6 15:14
1min目标场景问卷 立即参与
回答问题
悬赏:3 F币 + 添加悬赏
提示:增加悬赏、完善问题、追问等操作,可使您的问题被置顶,并向所有关注者发送通知
共5回答
最佳回答
0
shirokoLv6资深互助
发布于2021-7-6 15:18(编辑于 2021-7-6 15:22)

可以隐藏,但是超出范围的数据就无法选取到了,鼠标滚轮也被禁用,用键盘上下箭头才可以控制。

加载结束事件:

const style = document.createElement('style'); 

 style.innerText = ` .fr-combo-list {overflow:hidden !important; }`;   

document.head.appendChild(style);

最佳回答
0
snrtuemcLv8专家互助
发布于2021-7-6 15:15(编辑于 2021-7-6 15:24)

               

最佳回答
0
Z4u3z1Lv6专家互助
发布于2021-7-6 15:18

没滚动条 怎么让用户直观的知道还有其它选项可以选,期盼着“大爷”用键盘光标往下按嘛

最佳回答
0
祈LLv6中级互助
发布于2021-7-6 15:30

可以美化滚动条,引入静态CSS文件

  • 坚果联盟 坚果联盟(提问者) 不会写css,请指教
    2021-07-06 15:32 
  • 祈L 祈L 回复 坚果联盟(提问者) https://blog.csdn.net/cddcj/article/details/70332771
    2021-07-06 15:33 
最佳回答
0
adLv3见习互助
发布于2021-7-6 17:52

添加初始化事件var style=document.createElement('style');style.innerHTML=".test::before{color:green}";//添加样式内容的话也可以用上面提到过的`insertRule`,相对例子里的硬编码会更优雅点。document.head.appendChild(style);document.styleSheets[0].insertRule('::-webkit-scrollbar{overflow-x:hidden;}',0)document.styleSheets[0].insertRule('::-webkit-scrollbar{ display: none; /* Chrome Safari */;}',0)

  • 5关注人数
  • 662浏览人数
  • 最后回答于:2021-7-6 17:52
    请选择关闭问题的原因
    确定 取消
    返回顶部