/* 设置滚动条的样式 div滚动条样式在::前面加上div*/
::-webkit-scrollbar {
width: 6px;
}
/* 滚动槽 */
::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(240, 56, 79,0.2);
border-radius: 6px;
}
/* 滚动条滑块 */
::-webkit-scrollbar-thumb {
border-radius: 6px;
background: #F03861;
-webkit-box-shadow: inset 0 0 6px rgba(255, 255, 255,0.2);
}
::-webkit-scrollbar-thumb:window-inactive {
background: rgba(255, 255, 255, 0.2);
}
如果想让滚动条存在,但是层的高度不超过最大高度的时候没有滚动条,那么应该这么设置:
overflow: auto;
竖滚动条:overflow-x
横滚动条: overflow-y
placeholder文本框提示字颜色修改
::-webkit-input-placeholder {
color:#D2D4D6;
}
::-moz-placeholder {
color:#D2D4D6;
}
:-moz-placeholder {
color:#D2D4D6;
}