css隐藏元素滚动条兼容各大浏览器

偏执zz

已于 2023-07-20 10:50:02 修改

阅读量1.3k

点赞数

分类专栏： CSS 文章标签： css html css3

于 2023-04-26 11:11:58 首次发布

本文链接：https://blog.csdn.net/qq_37804387/article/details/130338874

版权

CSS 专栏收录该内容

24 篇文章 0 订阅

订阅专栏

在这里插入图片描述
常见的场景有外层body滚动，页面内嵌表格或表单等内容过长出现滚动条，为了美观性，需要隐藏table等元素的滚动条

 	/* 谷歌，元素隐藏必须设置宽度  不然无效 */
 	.aa::-webkit-scrollbar {
  		width: 0px;
        height: 30px;
   	}

    /* 使用伪类选择器 ::-webkit-scrollbar ,兼容chrome和safari浏览器 */
    /* display: none; 只能直接作用于body html，其他元素设置宽度的方式 */
    /* .aa::-webkit-scrollbar{
		display: none;
	} */

    /* /兼容火狐/ */
    .aa {
        scrollbar-width: none;
    }
    
    /* / 兼容IE10+ */
    .aa {
        -ms-overflow-style: none;
    }