记:滚动条样式设置,input的placeholder样式设置

滚动条样式

/ 滚动条整体部分,必须要设置/
::-webkit-scrollbar {
width: 10px;
height: 10px;
border-radius: 10px;
}

/滚动条的轨道/
::-webkit-scrollbar-track {
box-shadow: inset 0 0 5px rgba(0, 0, 0, 0);
}

/滚动条的上下两端的按钮/
::-webkit-scrollbar-button {
height: 10px;
border-radius: 10px;
}

/滚动条的滑块按钮/
::-webkit-scrollbar-thumb {
border-radius: 10px;
background-color: #048AE9;
box-shadow: inset 0 0 5px #fff;
}

input placeholder设置

/ input placeholder样式设置/
input::-webkit-input-placeholder {
/* placeholder颜色 /
color: #fff !important;
/
placeholder字体大小 */
font-size: 16px;
font-weight: 100;
}

你可能感兴趣的:(记:滚动条样式设置,input的placeholder样式设置)