目录

一、自定义滚动条样式

CSS代码如下(适用于chrome浏览器,效果参见本站)

/*—滚动条默认显示样式–*/   
::-webkit-scrollbar-thumb{   
    background-color:#999;   
    height:50px;   
    outline-offset:-1px;   
    outline:1px solid #fff;   
    -webkit-border-radius:0px;   
    border: 1px solid #fff;
}   
/*—鼠标点击滚动条显示样式–*/  
::-webkit-scrollbar-thumb:hover{ 
    background-color:#40AA53;   
    height:50px;   
    -webkit-border-radius:0px;   
}   
/*—滚动条大小–*/  
::-webkit-scrollbar{   
    width:8px;   
    height:8px; 
}   
/*—滚动框背景样式–*/  
::-webkit-scrollbar-track-piece{   
    background-color:#fff;
    -webkit-border-radius:0;   
} 

二、自定义文本选中样式

//火狐
::-moz-selection {
  background-color: #1d9162;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

::-webkit-selection {
  background-color: #1d9162;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}

::selection {
  background-color: #1d9162;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
}