Modify placeholder style in input

Implementation method ： Use ::placeholder” Selectors

::placeholder yes css3 New selector , There may be some browser compatibility problems , So it's best to add different prefixes -ms- 、 -webkit- 、-ms- etc.

input::placeholder {
    
   font-weight: 400;
   color: #624b2f;
}
//::-webkit-input-placeholder/* WebKit, Blink, Edge */
//:-moz-placeholder/* Mozilla Firefox 4 to 18 */
//::-moz-placeholder  /* Mozilla Firefox 19+ */
//:-ms-input-placeholder /* Internet Explorer 10-11 */
//::-ms-input-placeholder  /* Microsoft Edge */

So you can set up placeholder Font size of 、 Color style

If wechat applet is modified input in placeholder There are two styles ：

1、 Use placeholder-class
wxml in ：

<input type="text" placeholder=" Here is placeholder The content of " placeholder-class="placeholderClass"/>

wxss in ：

.placeholderClass{
    
	font-weight: 400;
	color: #624b2f;
}

2、 Use placeholder-style
wxml in ：

<input type="text" placeholder=" Here is placeholder The content of " placeholder-style="color: #624b2f;"/>

It feels like one uses the class name and the other uses the inline style