自定义网页滚动条及选中样式
浏览:0
发布人:淮安网站建设,网页设计
[导读]:::-moz-selection和::-webkit-selection这两个伪元素分别用于Firefox(使用Gecko引擎)和WebKit浏览器引擎中,用于定义用户选中文本时的背景色和颜色。::-
::-moz-selection和::-webkit-selection
这两个伪元素分别用于Firefox(使用Gecko引擎)和WebKit浏览器引擎中,用于定义用户选中文本时的背景色和颜色。
::-webkit-scrollbar
这是WebKit浏览器引擎(如Chrome和Safari)中用于自定义滚动条样式的伪元素。您可以使用它来定义滚动条的宽度、颜色、形状等。
/* Firefox */
::-moz-selection {
background: #b3d4fc;
color: #000;
text-shadow: none;
}
/* WebKit, Blink, Edge */
::-webkit-selection {
background: #b3d4fc;
color: #000;
text-shadow: none;
}
/* 滚动条宽度 */
::-webkit-scrollbar {
width: 10px;
}
/* 滚动条轨道 */
::-webkit-scrollbar-track {
background: #f1f1f1;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
background: #888;
}
/* 鼠标悬停滑块上 */
::-webkit-scrollbar-thumb:hover {
background: #555;
}
相关话题
