自定义网页滚动条及选中样式
浏览: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; }
相关话题