若依框架->tag标签滚动条样式如何适配火狐浏览器

火狐浏览器tag出现样式问题:无法显示全部

若依框架->tag标签滚动条样式如何适配火狐浏览器_第1张图片

原因:

伪类选择器 ::-webkit-scrollbar无法适配火狐浏览器内核,导致滚动条无法隐藏。以下代码在火狐浏览器不生效;

若依框架->tag标签滚动条样式如何适配火狐浏览器_第2张图片

解决办法:

  1. 添加 height: inherit;把滚动条显示出来;
  2. scrollbar-width: none;隐藏滚动条,高度撑开;若依框架->tag标签滚动条样式如何适配火狐浏览器_第3张图片

你可能感兴趣的:(前端,html,css)