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

image.png

常见的场景有外层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;
    }
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。