webkit的默认样式表
2017-04-03 本文已影响0人
李里里Riss
浏览器未设置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