最近项目用到的边边角角滚动条有时候做页面某一部分滚动,自带的滚动条太丑了,就用这个,兼容性不好outline没有办法设置

滚动条

有时候做页面某一部分滚动,自带的滚动条太丑了,就用这个, 兼容性不好

/*隐藏滚动条*/
A::-webkit-scrollbar{
    width:0;
    hight:0;
}

outline

没有办法设置表单控件的outline圆框样子,只能通过阴影模拟

{
    outline:0;
    box-shadow:0 0 4px 0 #eee;
}

input-file 展示图片

<input type="file" id="f" onchange="changeimg"/>
<img src=""  alt="" id="i"/>

function changeimg(){
    let ff = new FileReader();
    let changefile = document.getElementById('f');
    let file = changefile.files[0];
    
    ff.readAsDataURL(file);
    ff.onload = function(){
        document.getElementById('i').src = ff.result;
    }
}