Home > Web Front-end > HTML Tutorial > Input placeholder style setting

Input placeholder style setting

php中世界最好的语言
Release: 2018-03-14 11:03:05
Original
4606 people have browsed it

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.

Input placeholder style setting

/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;}
Copy after login

Input placeholder style setting


##input placeholder setting

/input placeholder样式设置/
input::-webkit-input-placeholder {
/* placeholder颜色  /
color: #fff !important;
/ placeholder字体大小  */
font-size: 16px;
font-weight: 100;
}
Copy after login
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!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template