公司动态 行业动态
自定义网页滚动条及选中样式
浏览:0
发布时间:2024-03-19
发布人:淮安网站建设,网页设计
[导读]:::-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;
}
CSS



相关话题
体验从沟通开始,让我们聆听您的需求!
即刻与我们联系,开始您的数字化品牌体验!
13645233942
即刻联系 留言咨询