公司动态 行业动态
自定义网页滚动条及选中样式
浏览: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;  
}



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