您的位置:首页 > Web前端 > CSS

滚动条样式修改 和 placeholder文本框提示字颜色修改

2017-07-14 14:55 465 查看
/* 设置滚动条的样式 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;
}
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: