美文网首页
webkit的默认样式表

webkit的默认样式表

作者: 李里里Riss | 来源:发表于2017-04-03 22:26 被阅读0次

    浏览器未设置css时,元素仍然有样式,那是因为浏览器在编译时有默认的样式表,编译时加载该css文件到数组中,运行时调用解析,并和用户的设置的css进行优先级调用。

    文件在Source->WebCore->css中的html.css中,当然还包括其他的css,如svg.css、mediaControls.css等。

    在做嵌入式式浏览器时,可以修改这些css文件来改变默认样式。
    如更改滚动条:
    html.css文件末尾加入:

    ::-webkit-scrollbar {
        width: 8px;
        height: 8px;
    } 
    ::-webkit-scrollbar-track {
        background-color: #fff;
    } 
    
    ::-webkit-scrollbar-thumb {
        border-radius: 4px;
        background-color: rgba(0,0,0,0.3); 
    } 
    
    ::-webkit-scrollbar-thumb:hover {
        border-radius: 4px;
        background-color: rgba(0,0,0,0.4);   
    }
    
    

    将浏览器原默认滚动条换成了下图:

    Paste_Image.png

    相关文章

      网友评论

          本文标题:webkit的默认样式表

          本文链接:https://www.haomeiwen.com/subject/zdooottx.html