Input placeholder style setting

This time I will bring you the input placeholder style setting, input placeholder style setting What are the precautions , the following is a practical case, let's take a look.

/The overall part of the scroll bar must be set/

::-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 setting

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

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to other related articles on the php Chinese website!

Recommended reading:

Detailed explanation of css3 shadow

JavaScript array usage collection

Knowledge points of javaScript that are easily overlooked

The above is the detailed content of Input placeholder style setting. For more information, please follow other related articles on the PHP Chinese website!